CSSの記述だけでアイコンを実装できる「ICONO」
![pure-css-icons-icono](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_820,h_420/http://skygold.co.jp/wp-prod-2023/wp-content/uploads/2015/01/pure-css-icons-icono.png)
「ICONO」はピュアなCSSの記述だけで、簡単にアイコンを実装できるスタイルシートです。
画像やWEBフォントさえも使用しておらず、擬似要素や様々なプロパティを使用してCSSのみで表示させています。
![pure-css-icons-icono_01](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_680/http://skygold.co.jp/wp-prod-2023/wp-content/uploads/2015/01/pure-css-icons-icono_01.png)
カラーの変更もCSSで簡単に変更可能です。
使用方法は、
を読み込み、あとは、要素に表示させたいアイコンのクラスを記述するだけで簡単に実装できます。
色の変更も、下記のように、カラー変更やサイズ変更が容易にできます。
.icono-home {
color: #2ba5bb;
}
.icono-home {
transform: scale(2);
}
参考:
http://saeedalipoor.github.io/icono/
KEiSoN★
インターネット・ITに将来の可能性を感じ、デジタルハリウッドオンラインスクールで、webデザインを学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立し、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばすなど、写真や映像のクリエイティブにも触れる。
2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。