無料Web素材 丸(4)

ブログが作りたい!無料アイコン素材 > 無料Web素材 丸(4)

無料Web素材 丸(4)

無料Web素材アイコン ボタンのような丸(4)

無料Web素材アイコン 丸(4)

今回の無料Web素材は、ボタンのような丸いアイコンを色違いで9個ご紹介します。

当ブログ(「ブログが作りたい!」)の無料Web素材を利用する場合は、事前に利用規約を必ずご覧ください。

▲ページの先頭に戻る

無料Web素材 ボタンのような丸(9個)

サイズは、10×10(ピクセル)です。

無料Web素材アイコン ボタンのような丸4(Indigo)

Indigo
[#4b0082]

無料Web素材アイコン ボタンのような丸4(Khaki)

Khaki
[#f0e68c]

無料Web素材アイコン ボタンのような丸4(Indian Red)

Indian Red
[#cd5c5c]

無料Web素材アイコン ボタンのような丸4(SeaGreen)

SeaGreen
[#2e8b57]

無料Web素材アイコン ボタンのような丸4(Chocolate)

Chocolate
[#d2691e]

無料Web素材アイコン ボタンのような丸4(PeachPuff)

PeachPuff
[#ffdab9]

無料Web素材アイコン ボタンのような丸4(LightSalmon)

LightSalmon
[#ffa07a]

無料Web素材アイコン ボタンのような丸4(Black)

Black
[#000000]

無料Web素材アイコン ボタンのような丸4(CornflowerBlue)

Cornflower
Blue
[#6495ed]

▲ページの先頭に戻る

ご利用サンプル

例えば、次のようなイメージで、ご利用いただけます。ボタンて、何だか押したくなる衝動にかられますよね。

Web素材使用時のメニューサンプル

▲ページの先頭に戻る

次回予告

次回は、数字のアイコンをご紹介します。

▲ページの先頭に戻る

関連記事

無料Web素材に関連する記事を、ご紹介します。

1:無料Web素材をご利用する上でのお約束

2:無料Web素材「丸」

3:無料Web素材「矢印」

4:無料Web素材「四角」

5:無料Web素材「三角」

6:無料Web素材「数字」

7:無料Web素材「動物」

8:無料Web素材「自然」

9:Web素材の作り方

▲ページの先頭に戻る

作成日:2007/02/29 更新日:2008/02/29

« 「無料Web素材 丸(3)」|「無料Web素材 数字(2)」 »

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

こんにちは!
丸いアイコン、使いやすそうですね!
ロールオーバーで押せば色変わる様に使ったりすると
「ボタンの様な丸」から、全力でボタンに移行って感じですね。
ペカッと光らせてみたいです^^

あと、gifアニメで違う色でチカチカさせて、オンマウスの時だけ
チカチカさせたりしたい!
夢は広がります。

牡丹のようなボタンのようなボタン

ひろこさん、こんにちは。
コメントありがとうございます。(・∀・)

そうですね。
後々、凝ったものも作ろうと思っています。

現状は、シンプルなアイコンを揃えているところです。

どこで拾ったかバレないような、
どこにでもありそうなデザインの方が、
とりあえず、ニーズがあるかなと考えています。

私のデザインレベルでのオリジナリティは、
自己満足にしかならない可能性が高いですからねぇ。(^_^;)

gifアニメも是非やってみようと思います。

ロールオーバって、JavaScriptでやるんだったかしら。

CSSでも方法があったような気もするけれど、
どのようにするのが一般的なのかしらん。

そういう方法も試して、紹介していきたいな。
夢は広がります。

cssロールオーバー

こんばんは!
cssでロールオーバー、自分も大好きです!

おおっ
自分はこうです、ってhtmlとcss書き込もうとしたら英数字多いから書き込めなかったorz

改めまして、こんばんは。
cssだと、aとa:hoverで出来ると思います。

そうですねー、あまり主張が激しいのよりはシンプルな方がいいですね。
KumaCrowさんの素材は皆使いやすそうですね。

にしてもgifアニメだと全色使って光らせるのも可能ですね。
でもこれだとシンプルに、のが本末転倒か^^;



ロール・オーバー・ベートーヴェン

ひろこさん、こんにちは。
お返事ありがとうございます。

> 英数字多いから書き込めなかったorz
>
申し訳ないッス。
スパムコメントが多いものですから、どうにも。orz


> cssだと、aとa:hoverで出来ると思います。
>
あぁ、そうでした。
うちはロールオーバで、リンク画像を動かしているんだった。

あまり専門用語を使う機会がないから、
もうひとつ覚えていないんだなぁ。(^-^;)>

色を変える場合も同じ仕組みよね。
でも、四角い対象じゃないと、かっこ悪い感じになるのかな。


> そうですねー、あまり主張が激しいのよりはシンプルな方がいいですね。
>
自分がサイトを作り始めた頃に、
「無料で、連絡不要。シンプルなものが欲しいなぁ」と思ったので、
同じような人がいらっしゃるのではないかと考えてやっています。

私はクリエータじゃないので、その辺のこだわりはあまり無いのです。

でも最近、「ちゃんと勉強してみたいな」とも思っています。
イラストも、教科書のイタズラ描きの延長だし。

人物画の描き方とか、工業デザインとか、
どんな風に勉強したものなのかしらん。なのかしらん?


> でもこれだとシンプルに、のが本末転倒か^^;
>
シンプルにこだわっているわけでもないのです。
ニーズのありそうなものを提供することに興味があります。(・∀・)

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/218-1d54a891
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて