スマートフォンサイトを表示する

  1. TOP
  2. みんビズ制作講座 上手に素材を使いこなそう : 第3回 アイコン・フォントを提供しているサイト

エキスパートコラム

みんビズ制作講座:上手に素材を使いこなそう(全3回)

第3回:アイコン・フォントを提供しているサイト

執筆:原 一宣。(株式会社Gazi工房)

2013年10月16日更新

  • このエントリーをはてなブックマークに追加

閲覧数5,833views

このコラムをPDF形式でダウンロードする

前回、「第2回:写真・イラスト素材を提供しているサイト」では、写真やイラストを素材としてを提供しているWebサイトをまとめてご紹介しました。
今回は、Webサイトのアクセントとして彩るアイコンや、Webサイトの雰囲気を決定する要素として欠かせないフォントを提供しているWebサイトをまとめてご紹介いたします。

無料でアイコン素材を提供するWebサイト

アイコン配布中!

アイコン配布中!

特長 運営会社のデザイナーによって作成されたアイコンを無料で配布している。1日12個までの一括ダウンロード機能や、アイコンのリクエストなども行っている。「禁止事項」に該当しない範囲において個人・商用問わず無料で使用可能。
利用できる素材 リアルアイコン・シルエットアイコン
注意点 利用規約内に禁止事項を要確認。

ICON HOIHOI

ICON HOIHOI

特長 ウェブサイト制作&デザインに少しでも興味を持つ人に向け、アイコン素材を完全無料で提供している。商用利用可能で、使用の際の連絡・コピーライトの表記も不要。各アイコンのサイズ・カラーのバリエーションも豊富。二次配布も可能。
利用できる素材 アイコン素材
注意点 アイコンの著作権は放棄していない。利用規約を確認。

0円のWEB素材屋さん

0円のWEB素材屋さん

特長 ホームページ制作に役立つ素材をプロのWebデザイナーヒトミンさんが作成し、商用利用可で無料配布をしている。
利用できる素材 アイコン・ボタン・バナー・壁紙素材等
注意点 「ご利用規約」で禁止事項を明記。要確認。

デザイン素材.com

デザイン素材.com

特長 アイコンを中心にWebデザイナー内山誠二さんが作成し、商用利用可で無料配布をしている。
利用できる素材 アイコン・壁紙素材等
注意点 「ご利用上の注意」で禁止事項を明記。要確認。

無料素材倶楽部

無料素材倶楽部

特長 アイコン、ボタンやイラストを無料で提供。商用利用可、加工OKで配布している。
利用できる素材 アイコン・ボタン・バナー・イラスト素材
注意点 「ご利用規約」で禁止事項を明記。要確認。

WEBデザイナーが作った超シンプル素材集

WEBデザイナーが作った超シンプル素材集

特長 商用利用・加工可・許可不要のホームページ用素材を全て無料で配布している。
利用できる素材 アイコン・ボタン・バナー・壁紙素材等
注意点 「利用規約」あり、要確認。

商用利用可のWEB素材が無料な素材屋

商用利用可のWEB素材が無料な素材屋

特長 商用利用・加工可・許可不要のホームページ用素材を全て無料で配布している。EC/企業サイト向け、全てのサイト/ブログ向けなどの分類もある。
利用できる素材 アイコン・ボタン・バナー素材等
注意点 「素材について」、「ご利用について」あり、要確認。

ICON HOUSE

ICON HOUSE

特長 商用利用・加工可のアイコン素材を無料で配布している。ファイルタイプ、サイズなど選択が可能。
利用できる素材 アイコン素材
注意点 アイコン素材のダウンロードには、無料の会員登録の必要がある。「当サイトについて」、「利用規約」要確認。

無料のフォントを提供するWebサイト

フロップデザイン

フロップデザイン

特長 デザイン性の高いフリーフォントが無料でダウンロードできる。オープンソースフォントは商用・非商用に関わらず自由に使用可能。フリーフォントに関しては商用利用は禁止となり、利用したい場合はパッケージ版または、ダウンロード版の購入が必要となる。
利用できる素材 フォント、イラスト素材等
注意点 オープンソースフォントはM+のライセンスもしくはIPAフォントのライセンスの元で使用が可能なため、ダウンロードしたフォントフォルダ内のReadmeをよく確認する。「利用規約」も要確認。

フォントな

フォントな

特長 オープンソースのフリーフォントをダウンロードできる。またフォントに関する情報や、フォントの作り方などの情報も充実している。
利用できる素材 フォント
注意点 ライセンスについての案内は、ダウンロードしたフォントフォルダに同梱されている。質問や連絡等のサポートはユーザー登録が必要。

Stamp font!

Stamp font!

特長 スタンプのような感覚で使用できるアイコン風のフォントを制作し、無料配布している。
利用できる素材 フォント
注意点 個人、商用利用等、細かい規定はなく無料でダウンロード、使用できる。フォントファイルの再配布、直接リンクは禁止されている。

オリジナルフォント みかちゃん

オリジナルフォント みかちゃん

特長 みかちゃんの手書き文字をフォントにし、無料配布している。
利用できる素材 フォント
注意点 個人、商用利用等、細かい規定はなく無料でダウンロード、使用できる。フォントファイルの再配布、改変販売は禁止されている。「だうんろーど」をクリックした際に表示される禁止事項等を確認。

あずきフォント

あずきフォント

特長 日向梓さんが制作した「あずきフォント」「うずらフォント」を無料で商用、非商用に関わらず利用することができる。
利用できる素材 フォント
注意点 「利用規約」を要確認。

フォントふぉんとFONT.com

フォントふぉんとFONT.com

特長 無料のフリーフォントから有料まで、フォントをダウンロードできるサイトのサンプル画像付きリンク集。
利用できる素材 フォント
注意点 ダウンロードできるフォントの配布先の利用規約の確認が必要。

フォントマニア

フォントマニア

特長 フリーフォントをダウンロードできるサイトのサンプル画像付きリンク集。
利用できる素材 フォント
注意点 ダウンロードできるフォントの配布先の利用規約の確認が必要。

有料のアイコン・フォントを提供するWebサイト

有料のアイコンやフォントを提供するWebサイトは、取り扱う素材の種類、利用方法、料金体系や購入方法など多岐にわたります。詳しくは各Webサイトでご確認ください。

アイコンマーケット

アイコンマーケット

素材集ドットコム

素材集ドットコム

株式会社モリサワ

株式会社モリサワ

フォントのオンラインストア Moto Shop

フォントのオンラインストアMoto Shop

AXIS Font

AXIS Font

株式会社イワタ

株式会社イワタ

白舟書体

白舟書体

FONTWORKS | フォントワークス

FONTWORKS | フォントワークス

ダイナコムウェア株式会社

ダイナコムウェア株式会社

FONTPLUS|フォントプラス

FONTPLUS|フォントプラス

字游工房

字游工房

まとめ

いかがでしたでしょうか?「上手に素材を使いこなそう」ということで全3回にわたって、配布提供されている素材の使用方法や、配布提供元のWebサイトをご紹介してきました。これらの素材を組合せて利用することで、皆さんのホームページがよりわかりやすく、華やかなものになると思います。
特に無料の素材は、制作、提供されている方々の熱意や善意に感謝して、利用規約をよく読み使用するように心がけましょう。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

原 一宣。(はら・かずのり)

原 一宣。(はら・かずのり)

株式会社Gazi工房 代表取締役/JimdoExpert
http://gazikobo.co.jp/

1974年、福島県福島市生まれ。東北福祉大学社会福祉学部社会福祉学科卒業。山形県川西町在住。食品加工会社、電子基板製造会社を経て、フリーランスでWeb制作活動を開始。
2007年に株式会社Gazi工房を設立。Webサイトの企画・設計、制作業務に従事。
イラストやキャラクターデザイン、地域づくりの企画・助言、パソコン教室なども行う。
元東北芸術工科大学 非常勤講師。クリエイティブユニット「gabs」メンバー。
CSS Nite in FUKUSHIMA実行委員。

著書『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、エムディエヌコーポレーション)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(同)。

ああしたい、こう変えたいが手にとるようにわかるCSS基礎

  • 1年間無料

    「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/5/14~2017/5/20]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!