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

今日は学校でMaterial Icons(Google Fonts Icons)を使用してアイコンをページ上に配置する方法を学習しました。 アイコンを配置する方法は主に以下の2つの方法があるようです。 HTMLで記述する CSSの疑似要素で記述する まずは「1. HTMLで記述する」の方法についてお ...

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

こんにちは、Mac大好きです！Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。 プログラミングで挫折しないためには楽しんでやることです！ そこで今日は、駆け出しエンジニアの方向け「楽しく学べるWeb制作の基礎学習 ...

アイコンWebフォント Font Awesome 5 の簡単な使い方(3ページ目) 約4千種類ものアイコン(絵文字)を収録したWebフォント「Font Awesome 5」を自サイトで簡単に使う方法を解説。アイコンを文字として表示できるため、CSS(スタイルシート)で簡単に色やサイズを指定可能。

身の回りの物や行動をシンプルに表して、直感的に理解させてくれるアイコンはウェブページやアプリのUIに欠かせないものです。そんなアイコンを700種類以上揃えて無料でダウンロードできるうえに、商用利用も可能で毎週新しいものが追加されている ...

This library generates icon components on demand. It works with multiple frameworks and bundlers. It uses Iconify as source for icons, which offers over 200 open source icon sets with almost 300k ...