CSSの記述だけでアイコンを実装できる「ICONO」

pure-css-icons-icono

「ICONO」はピュアなCSSの記述だけで、簡単にアイコンを実装できるスタイルシートです。
画像やWEBフォントさえも使用しておらず、擬似要素や様々なプロパティを使用してCSSのみで表示させています。

pure-css-icons-icono_01

カラーの変更もCSSで簡単に変更可能です。

使用方法は、

を読み込み、あとは、要素に表示させたいアイコンのクラスを記述するだけで簡単に実装できます。

色の変更も、下記のように、カラー変更やサイズ変更が容易にできます。

参考:
http://saeedalipoor.github.io/icono/

    WEB制作についてのご相談はお気軽にどうぞ。

    WEBデザイン制作、ブランディング、Wordpress構築・カスタマイズ、
    WEBサイトに関するお見積もり・不明点やご相談等、お気軽にお問い合わせください。

    この記事を書いた人
    KEiSoN★
    スカイゴールド株式会社 代表取締役 / クリエイティブディレクター/webデザイナー

    2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
    過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
    現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。
    Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
    国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
    最近は、Shopify制作の勉強も行なっている。

    アーカイブ