CSS-Tricksにフォントをアイコンとして利用する面白いCSSテクニックが紹介されている。記事では「アイコンフォント」と称されており、フォントにはFicoが使用されている。「アイコンフォント」はフォントとして作成されたアイコンデータをCSSの@font-faceを ...

約4千種類ものアイコン(絵文字)を収録したWebフォント「Font Awesome 5」を自サイトで簡単に使う方法を解説。アイコンを文字として表示できるため、CSS(スタイルシート)で簡単に色やサイズを指定可能。アイコンを回転させたり重ね合わせたりする方法も紹介。

どういう需要があるのかはわかりませんが、画像ファイルを一切使わずにCSSのみで作ったアイコン集「Peculiar」です。ページ上ではサンプルとして16×16ピクセルですが、実際にはいくらでも拡大が可能となっています。 詳細は以下から。

Feather icons converted to CSS Web Font with FontForge. Feather icon version: 4.29.0 (2022-03-29), 24px size, 2px stroke width. Preview of all icons: https://jviksne ...

HTML5 CSS3とJavaScriptプログラムのアイコンは透明な背景に。 プログラミングとコーディング技術の開発とエンジニアリング開発プログラマまたは開発者は、コードを作成します。コード付きのコンピュータ画面。開発者はタスクを扱い、pcを使用した - css点 ...

简单图标库样式有：导航返回箭头（reback-icon）、微信图标（wechat-icon）、地图图标（location-icon）、搜索图标（search-icon ...