CSSだけで組み立てられたアイコンを公開しているサイト『One div』 『One div』は純粋にCSSだけで組み立てられたさまざまのアイコンを公開しているサイト。 各アイコンの下にあるボタンをクリックすると、アイコンを表示させるためのHTMLやCSSの内容が表示され、これらのデータをファイルとしてダウンロードすることも可能です。 実際、下のアイコンは画像ではなく空の<div>を下のCSSでアイコンとして描画しています。 .fish { width: 2.1em; height: 2.1em; position: relative; border-radius: 1.5em 0em 1.5em 0em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
![CSSだけで組み立てられたアイコンを公開しているサイト『One div』](https://cdn-ak-scissors.b.st-hatena.com/image/square/9186e2168d50089533c032115355a37a15391c04/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimages%2F2012%2F11%2F30%2F02.png)