フリー素材・リストマーク[丸アイコン色々]

丸いアイコン色々です。
リストタグや見出しの飾りにも使用できると思います。
※新しく追加されたサンプル7（透過）と8（アンチエイリアスあり透過白マット）は、サンプル2をより見栄えよくなるよう手を加えたものです。

[追記]ジャンル別ダウンロードに対応しました。

[サイズ14px×14px・マットカラーなし透過gif]

↑このリストマークをダウンロード


↑このリストマークをダウンロード


このリストマークをダウンロード

[サイズ10px×10px・マットカラーなし透過gif]

↑このリストマークをダウンロード

[サイズ6px×6px・マットカラーなし透過gif]

↑このリストマークをダウンロード

[一括ダウンロードはこちら]
以下の「透過・丸リストマーク一式圧縮ファイル」に透過用のアイコン一式が入っていますので、ダウンロードして好きなものをお使いください。

■「透過・丸リストマーク一式圧縮ファイル」をダウンロード
※zipファイルですので、解凍してお使いください。


[サイズ14px×14px・白背景専用gif]

↑このリストマークをダウンロード

[サイズ10px×10px・白背景専用gif]

↑このリストマークをダウンロード

[サイズ20px×20px・白背景専用jpg]

↑このリストマークをダウンロード

[サイズ16px×16px・マットカラー白透過gif]

↑このリストマークをダウンロード

[一括ダウンロードはこちら]
以下の「白背景用・丸リストマーク一式圧縮ファイル」に白背景用アイコン一式が入っていますので、ダウンロードして好きなものをお使いください。

■「白背景用・丸リストマーク一式圧縮ファイル」をダウンロード
※zipファイルですので、解凍してお使いください。

[10×10のアイコンをリストタグに活用してみた例]

• りんご
• ばなな
• みかん

スタイルシートは以下を使用しています。

ul{
list-style:none;
margin:0px;
padding:0px;
}

li{
background-image:url(表示する画像のURL);
background-position:画像は自分が表示したい位置を指定・上の例は0px 7px;
background-repeat:no-repeat;
padding-left:画像の大きさの分左に余白をつくる・上の例は15px;
}

ご注意

こちらにフリー素材として掲載されているものは自由に加工を行ってかまいません。
ただし、著作権は放棄しておりませんので加工素材の再配布はしないでください。

また、素材を使うことによって発生したトラブルについては一切責任をもてませんのでご了承ください。

[やっていいこと]

○フリー素材のダウンロード
○自分のために素材を加工すること
○自分のサイトやブログで素材（加工した素材）を使うこと

[ダメなこと]

○こちらのフリー素材自体で金銭を得ること
○フリー素材として掲載していない画像を使用すること
○素材（加工した素材）の再配布
○素材へ直接リンクすること

[その他・注意書き]
マットカラーなし透過gifは、どの色の背景にも使用することが出来ます。
マットカラーあり透過gifは、マットカラーに近い色の背景に使用することが出来ます。
各ファイル名は「名前_横サイズ_色.gif(jpg or png)」でつけられています（例：maru_10_red.gif は丸いアイコンの横サイズ10pxで色は赤 、カラー名の前の「l」はライト、「d」はダーク、「p」はパステルの意味で付けています）。