20
NOVEMBER
ウェブFRIDAY 2020 / 11 / 20
アイコンがダウンロード不要で使える SVGBOX.net
Text by Hiroyuki Matsumoto
ウェブサイト制作時によく使用するアイコンがあります。
例えばSNS系のアイコンは使用頻度が高いですよね。
Line
上記のアイコン画像は、すべて SVGBOX.net を使って表示しています。
もちろんここ以外にもSVGアイコンを無料配布しているサイトはいくつもあるのですが、SVGBOX.net を使用するメリットとして、下記が挙げられます。
- SVG形式なので拡大しても表示が滑らか
- imgタグを記述するだけで使用できるお手軽さ
- 色の変更が可能
- CloudFlare の CDNから配信されているため高速
- 無料
使い方は非常に簡単です。
サイト上から自分が使いたいアイコンを探してクリックすると下記のようなポップアップが開きます。
こちらで表示される2種類の imgタグの記述のいずれかをコピペするだけです。
2種類のどちらを使っても表示できますが、一長一短ありますので使い分けをするのが望ましいですが
考えるのが面倒ならとりあえず単一版を使っておけば問題ないでしょう。
もちろんSNSアイコン以外にも様々なアイコンが用意されています。
ローディングアイコン
ユーザーインターフェースで使用できそうなボタン(設定ボタン)
左矢印
右矢印
各種国旗
TEXT by
松本 博之(まつもとひろゆき)
1978年、鳥取県米子市生まれ。
株式会社マジックワード WEBシステムの開発・運用を担当。
WordPressの実績多数。表面的な使用方法を把握するだけでなく、WordPressのソースコードを読み解いて対応できます。
国家資格の応用情報処理技術者をなんとなくとりました。