サイト内検索:

CSS3で作られた無料のアイコンセット

A set of 85+ icons / glyphs created purely in CSS3 that you can use in your projects freely.

CSS3で作られたこんな感じのアイコンが無料で利用可能に!まあ、ソース見れれてパクられるんで無料にせざるを得ないんでしょうけど。

CSS3%20Monochrome%20Icon%20Set%20%7C%20CSSDeck

例えば一番上の左にある下向きの矢印はこんな感じのCSSで描かれています。

/* Down Arrow */
div.icon div.downArrow {
height: 0px;
width: 0px;
border-width: 16px;
border-style: solid;
border-color: #333 transparent transparent transparent;
position: absolute;
top: 16px;
left: 0;
}

div.icon div.downArrow:after {
content: '';
width: 12px;
height: 16px;
background-color: #333;
position: absolute;
bottom: 16px;
right: -6px;
}

このまま使ってもいいですし、色を変えたり太さ変えたりしてみるのもよいかと思います。

CSS3 Monochrome Icon Set | CSSDeck

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年12月18日 18:50に書いたブログ記事です。

ひとつ前のブログ記事は「Google、iPhoneでビデオを撮影・共有できる「YouTube Capture」を公開」です。

次のブログ記事は「12月19日のラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。