デザイン

デザイン

シンプルで実用的。今日の仕事にすぐ使えそうなCSSアイコン集見つけました!

664 views

スマホの普及、そして新しいブラウザが主流になってきたことで、画像を一切使わないCSSアイコンを使う機会が増えてきましたよね。そんな時に、便利に使えそうなCSSアイコン集を見つけました。

 

CSSアイコンは自分でサクッとつくるという方や、ジェネレータを利用している方もいらっしゃるかと思いますが、やっぱりコピペで使えるアイコン集を使うのが手軽。この「CSS ICON」は、シンプルで仕事にも使いやすそうなアイコンが揃っています。これからバリエーションを増やしていく…と書かれていますが、現状でもかなり充実していて、これだけあれば基本的なアイコンには困らないと思います。

 

使いたいアイコンをクリックすると、右にサイドバーが現れてコードが表示され、そのままコピ&ペーストできるのでお手軽。コードも、割とすっきり書かれているようです。

 

css-icon

 

 

コードをマウスオーバーしていくと、アイコンの該当部分が青くハイライトされるようになっているので、構造も非常にわかりやすくなっています!勉強用にもいいかもしれませんね。かなりおすすめです!
css-icon

 

気になる方は、以下のサイトで!

CSS ICON

http://cssicon.space/#/

 

紹介動画もあります。

<div class="movie-wrap">

</div>

関連記事

おすすめ記事