Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER
![Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
国内でよく使われてそうなwebサービスのアイコン３０個をIllustrator用ベクターとwebフォントで作ったので配布します。 | KYOPPI
需要があるかはわかりませんが、国内でよく使われてそうなwebサービスのアイコン３０個をIllustrator用ベクター(CS5以上)とwebフォントでつくったので配布します。ほんとwebデザインのウの字も出てない当ブログで脈絡なく唐突に素材配布です。 ダウンロードファイルには以下の３０個のサービスのアイコンが含まれてます。 amazon、ask.fm、dropbox、evernote、facebook、feedly、flickr、Google、goole+、gree、Gunosy、hulu、instagram、lastfm、LINE、mixi、NewsPicks、ニコニコ動画、pinterest、pocket、楽天、Skype、soundcloud、twitter、Vine、wikipedia、wordpress、Yahoo、YouTube、はてなブックマーク チョイスは完全に自分の気分で
無料で120種類以上のピクトグラムが使用できるフォント＆EPSファイル「Entypo」
電話やペン、メール、人物などのピクトグラム120種類以上が無料で使用できるフォント＆EPSファイル「Entypo」が、http://www.entypo.com/で公開されています。 Entypo - 100+ carefully crafted pictograms http://www.entypo.com/ サイト中央の「Vector EPS files」、および「OpenType Font」と書かれたボタンを押すとZIPファイルがダウンロードできます。なお、いずれのボタンでもダウンロードされるファイルは同じ。将来はWebフォントにも対応する予定があるようです。 フォントファイルの中身はこんな感じ。 EPSファイル内にはこのように120種類以上のピクトグラムが収録されています。 なお、配布ライセンスは「CreativeCommons Attribution-ShareAlike 3.
さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello
さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC BY-SA license) Modern Pictograms (SIL OFL) Web Symbols (SIL OFL) Brandico (SIL OFL) さっそく自分用のセットを作ってみます。 これらのアイコンフォントから、自分が必要なものだけクリックしてチェックします。
PSDもベクターもWebフォントも揃った、使用上制限無しのかわいいアイコン素材 -Dripicons
Dripicons アイコンのアイテムは全部で95種類、ブログや企業サイト、アプリケーションなどに利用できるアイテムが揃っています。 アイコンの全95種類 フォーマットはさまざまなものが用意されており、まとめてダウンロードできます。 .psd (Photoshop) .ai (Illustrator) .eps .svg .pdf .ttf (Webフォント) .eot (Webフォント) .woff (Webフォント) アイコンのライセンスはCC BY 3.0で、個人でも商用でも無料で利用できます。 また、使用上の制限は完全になし、とのことです。 アイコンのダウンロードは、下記ページからです。
無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」
「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの
大分 ホームページ制作｜CONDENSE Inc.
デザインで人と人をつなぎ、社会活動を活性化させ、その結果日々の暮らしが守られる。 そんな現代社会の縁の下の力持ちとしての役割がデザインにはある。 夢のため、目的のため、生きるため。 私たちが少しでもあなたのお役に立てたなら、とても嬉しく思います。 詳しく見る
Retinaでもボケない「シンボルアイコン」を使いこなそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
無料でウェブ上で使えるアイコンがセットになった「Icon Fonts」
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
アイコン関連ブックマーク激増の2012年を振り返って、今年見てきたアイコン系リソース全部紹介！ | バンクーバーのうぇぶ屋
今年はアイコンWEBフォント系のサイトが本当に増えましたねー。知らずの間に僕のブックマーク内のアイコンカテゴリも、もはや収集がつかない勢いで増えている事に気づいて、さぁちょっと個人的に整理が必要だと思いましたので、今日はこれまでも利用／参考にさせてもらってきたアイコンリソースサイトと、今年僕が知ったアイコンWEBフォントを紹介しているサイト交えて、完全にオンリーアイコンネタで今日は記事を書かせて頂ければと思います！ 半分以上は僕の備忘録になりますが、こういったリソース関連は今年も来年もやっぱりできる限り周りのWEB屋同士でも共有させて頂ければと思っています！念のためライセンスは一個一個のアイコンに対して表記してあったりパッケージで表記してあったりまちまちなので、ご自身でご確認頂けますと幸いです！っていうか、まとめ出してちょっと公開したのですが、とんでも無い量になってしまってホントすいません
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォント
Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。 天気アイコンフォント、というニッチなニーズに応えたフリーフォントです。スマフォのアプリなんかに良さそうな感じ。Webフォントにも利用できますが、PSDやEPSも用意されています。 可愛らしい天気アイコンです。UNIQLO CALENDARにも似たようなテイストのアイコンが使われていましたね。 結構揃ってます。 フォトショやイラレで使えるデータもあります。 商用でも使っていいみたいですけど直に販売したりするのはやめてくれ、との事です。下部に規約あるので目を通してくださいませ。 Climacons Font
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGアイコンを使ってみたい人にぴったり！実装は簡単で使い勝手のよいアイコンフォント -Stackicons
素朴でかわいいイラストが揃ってるシルエットのアイコンフォント -Bariol Icons
Retinaディスプレイ対応！手描きのゆる～いデザインのアイコンフォント素材 -Handy Icons
商用利用無料、癒やし系のゆる〜い感じのアイコンフォント -Handy Icons Vol2
Fontello - icon fonts generator
無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」
120種類以上の面白いアイテムがたくさん揃ったアイコンフォント -Sosa icon font