タイトル

Web制作で大活躍のメールアイコン素材まとめ


どのホームページでも大抵は問い合わせページが存在するでしょう。
文字で「MAIL」や「問い合わせ」と表示してもいいですが、それでは味気ないですね。
そんな時に大活躍するのがメールアイコン素材です。
今回はWeb制作で利用できるメールアイコンをまとめました。

 

カフィネット

カフィネット
http://japanism.info/mail-icon-free.html
シンプルなメールアイコンですが、カラーバリエーションがとても多くお好みのものが見つかるでしょう。
角が丸まっているのもカラーと合わせて優しいイメージになります。

 

blue-green

blue-green
http://bluegreen.jp/sozai/icon/home_mail/
テープのような、布のようなデザインのメールアイコンです。
優しい色合いが女性に好まれそうですね。

 

取り放題.com

アイコン素材
http://www.toriho-dai.com/mail/mail6.html
明るい色合いのつや付メールアイコンです。
gif形式でダウンロードすると白枠がついています。
サイト背景に合わせたい方はpng形式でのダウンロードすると白枠がありません。

 

取り放題.com②
取り放題.com②

http://www.toriho-dai.com/inq/inq7.html
優しい色合いのグラデーションにメールマークのついたアイコンです。
スペースがあるので文字入れも可能な素材です。

 

ICON HOIHOI-Eメール-REDー

ICON HOIHOI
http://iconhoihoi.oops.jp/item/2010/12/79-mail-red.html
メールアイコンとしては1番シンプルなデザインです。
サイズも7タイプあり、加工や商用利用もOKです。

 

アイコンの王宮

アイコンの王宮
http://icon.yoweb.net/ico/hp_02.html
小さめの優しい色合いで作られたメールアイコンです。
サイズが小さいので携帯向けのサイトにちょうどいいですね。

 

1キロバイトの素材屋さん

1キロバイトの素材屋さん
http://1kb-sozai.com/
双葉と一緒のとても可愛いアイコンです。
その他のメニューアイコンもありますので、統一感を持たせることができます。

 

Harmonia Pastelis Icon Set

Harmonia Pastelis Icon Set
http://raindropmemory.deviantart.com/art/Harmonia-Pastelis-Icon-Set-117562336
手書きの温かさを感じることのできるアイコンです。
パステルカラーを衷心にデザインされた優しい雰囲気が魅力的です。

 

Design Warehouse

Design Warehouse
http://design-warehouse.tip3s.net/?eid=498592
問い合わせ先が目立ちやすく、商用利用のサイトなどに最適ではないでしょうか。
空白の部分にはコメントやメールアドレス等の記載もできて非常に使い勝手がいいです。

 

風と機と空と

風と機と空と
http://kaze-sora.com/
全体的に柔らかい色合いのものが多い素材サイトです。
メールアイコンはアニメーション付きのものも多く、動きのあるものは目を引いて良いですね。

 

アイコン素材.com

アイコン素材.com
http://www.iconsozai.com/products/details8236.html
こちらは紙飛行機型のメールアイコンです。
無料ではありませんが、定番の手紙型以外のものを使い時にいいんではないでしょうか。

 

大人可愛いwebデザイン素材,イラスト制作 tigpig

大人可愛いwebデザイン素材,イラスト制作 tigpig
http://tigpig.com/archives/17333
くすんだピンクとデザインのタッチが可愛らしいメールアイコンです。
ハンドメイドや服、雑貨などそういった物を扱うネットショップに最適ですね。

free-designer.com

free-designer
http://free-designer.net/archive/entry1772.html
つやのある色合いが綺麗なアイコンですね。
地球が描かれているものなど海外の方の問い合わせもあるような場合にも使えるのではないでしょうか。

 

free-designer.com②

free-designer
http://free-designer.net/archive/entry10164.html
全てが英字で書かれたアイコンですね。
海外向けのサイトに使用するのに最適です。

 

いろいろなメールボックスのアイコン

いろいろなメールボックスのアイコン
http://www.photolibrary.jp/img236/159626_1751793.html
通常のメールアイコンからお正月向けなど9種類のメールアイコンです。
無料ではありませんが、様々な用途に使える便利なアイコンです。

 

山羊さん郵便

山羊さん郵便
http://64cat64-illustration-design-art.ldblog.jp/archives/52318413.html
手紙と言えばイメージするのはヤギでしょう。
メールもヤギが運んでくれるイメージで使うと可愛くて良いですね。

 

無料の素材屋

無料の素材屋
http://ec-sozai.net/ecalic05.html
丸型のメールアイコンです。
カラフルでページのカラーイメージにあったものが見つかるでしょう。

 

E-mailアイコン99種類

E-mailアイコン99種類
http://freeicon.blog.shinobi.jp/アイコン素材/無料メール/e-mailアイコン99種類
小さ目の無料メールアイコンが99種類も揃っています。
アニメーション付きのものもあります。

 

メールアイコン詰め合わせ

メールアイコン詰め合わせ
http://www.ac-illust.com/main/detail.php?id=184771
色合いはとてもシンプルな白黒ですが様々なパターンがあります。
右下のロケットのように飛んでいくものなんて面白くていいですね。

 

バレンタイン-ラブレター

バレンタイン-ラブレター
http://iconhoihoi.oops.jp/item/2012/02/145-valentine-blue.html
ハートが可愛いメールアイコンです。
ラブレターとして使えるので恋愛が絡んだページによく似あいます。

 

45 メール アイコン PSD

45 メール アイコン PSD
http://freepsd.biz/archive/entry2221.html
白をメインに作られた種類も多いメールアイコンです。
背景色が暗めの色だとよく映えていいでしょう。

 

ほらぱれっと

ほらぱれっと
http://illust-hp.com/動物イラスト/メールアイコン12種類!他にはないかわいい動物タ/
通常のメールアイコンから動物タイプのメールアイコンがあります。
くま、ねこ、うさぎ、いぬの4タイプの動物と顔ありや手足がついた可愛いアイコンです。

 

電子メールのアイコンを

電子メールのアイコンを
http://jp.photaki.com/picture-email-icon_274999.htm
外国向けにあてたようなメールアイコンです。
外国の方が見られることの多いサイトなどにはよく似合いますね。

 

連絡電話、e メール ・ アイコンとレトロ古いラベル – ストックイラストレーション

連絡電話、e メール ・ アイコンとレトロ古いラベル  -  ストックイラストレーション
http://jp.depositphotos.com/12418946/stock-illustration-contact-us-retro-old-labels.html
濃いピンクが目を引くアイコンです。
無料ではありませんが、特徴的なデザインが魅力的です。

 

ベクター – 詳しい, メール, アイコン, セット

ベクター - 詳しい, メール, アイコン, セット
http://www.canstockphoto.jp/詳しい-メール-アイコン-2912028.html
9種類のデザインが綺麗なメールアイコンです。
蝶やワイングラスなどとても神秘的な印象で素敵ですね。

 

素材大好き.com

素材大好き
http://www.sozaidaisuki.com/web/mail/top.htm
種類は2種類のみですが、お花や天使の可愛いメールアイコンです。
商用でも利用はできますが、その際は有料になるので注意です。

 

FOOL LOVERS

FOOL LOVERS
http://foollovers.com/mat/i-mail00.html
一目見て思うのがとても可愛らしいアイコンだということです。
1つ1つが丁寧に作られており、アニメーションがついているものもとても可愛いですね。

 

ホームページ素材

ホームページ素材
http://www.schoolicons.com/web/index.html
カラフルでハートが可愛いアイコンです。
無料で利用できますが、リンクが必須ですので注意です。

 

さきちんWeb素材

さきちんWeb素材
http://sakichin.websozai.jp/icon/mail/mail_icon.html
べた塗りなメールアイコンです。
とてもカラフルで全部で47色もあり、他にもあるスタンダードなメールアイコンも40色前後揃っています。

 

ぴよの素材屋さん

ぴよの素材屋さん
http://homepage1.nifty.com/piyo/index.html
とても可愛い動物のメールアイコンです。
しかもアニメーションつきで動きがあってとても可愛いです。

 

さいごに

今回はWeb制作に使えるメールアイコンをご紹介しました。
シンプルな物から可愛いものまでいろいろあります。
メールアイコンはシンプルでスタンダードなものが多いのかと思えば、デザイン性のあるものも多くありましたね。
お気に入りのものを見つけて是非ご利用下さい。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


yuki

ウェブ制作に携わって15年。 様々な業種のサイトを制作してきました。 現在、フリーランスとして活動し、起業家ママの応援サイトMAMAStyle(http://mamastyle.yukiweb.jp/)を運営中!

Next Articleサイトをレスポンシブにするためのメディアクエリの書き方