アイコンフォントを作ったのでオープンソース化して GitHub と npm に公開しました | WP-E (仮)
こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」
プログラミング言語・webサービス・ファイルタイプ・ブラウザなど、web開発関連のアイコン・アイコンフォント 15 - NxWorld
プログラミング言語やフレームワークのロゴ、多くの開発者に利用されているwebサービスやツールのロゴ、シンプルでわかりやすくデザインされたファイルタイプ、フラットデザインで表現されたブラウザなど、いずれもweb開発に関連していると思うアイコン・アイコンフォントです。 普段のデザイン業務などにはほとんど使わないと思うものが多いですが、技術系ブログとかポートフォリオなんかでは便利そうです。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 Devicons 言語・フレームワーク・Webサービス・ブラウザなど、Web開発関連のアイコンフォントセットで、見かけることの少ないツール系のロゴも多数用意されています。 Freebie: SVG Developer Icon Set SVGとAIの2形式が用意されている全17種類のアイコンセットで、見た目もカラーとモノクロの2タ
似顔絵イラストやアバターが無料で作成できるサイト６選 - イロイロひとりごと
2020.7.21更新 SNSなどのプロフィールのアイコンってどうしていますか？ 私は絵が描けないので、似顔絵を作成できる似顔絵イラストメーカーを使って作りました！ 似顔絵ジェネレーターとも言うみたいですね(*´ω｀*) 作る際に似顔絵ジェネレータをたくさん見つけて試してみたのでメモしておきますφ(..) 似顔絵アイコンに困ったら、お試しくださいね！ おすすめ似顔絵イラストメーカー FaceYourManga Icon Generators Iconpon（スマホ対応） 有名なキャラクターになれるかも！？ ちゃんりおメーカー（スマホアプリ） Get Peanutized（スマホ対応） ビオレママ顔メーカー３（スマホ対応） オリジナルで描いてもらう 似顔絵イラストまとめ おすすめ似顔絵イラストメーカー いろいろなサイトがありますが、スマホ対応していないサイトもありますので、ご注意ください。
Yosemite Icon Generator
APIも用意しました コマンド叩くだけで自動生成できますcurlで叩くだけでアイコンを自動生成できるので、ローカルにある画像を元にお手軽に作ることができます。 迷ったら簡単に作ってみましょう。きっとなんとかなる！ curl xn--9i8hku.ws/yosemite-icon/api -F "icon_image=@filename.png" -F "base_color=rgb(79, 179, 180)"> icon-name.png このスクリプトをターミナルに貼り付けて実行してみてください。 パラメーターメソッドはPOSTのみ受け付けています。APIのURLは「http://xn--9i8hku.ws/yosemite-icon/api」です。 パラメータ解説
IconJarが神 | murmuring design
こんにちは、最近「IconJar」というアプリがお気に入りなのでご紹介しますね。 概要： IconJarはOS X用のアプリケーションです。 現在こちら からベータ版が無料ダウンロード可能。ひとことでいうと、「アイコンを管理していつでも呼び出せるツール」です。名前そのままですね。 実際使ってみる： セットアップできたら、早速使ってみましょう。 使い方は簡単。対応している形式（PNG、SVG、GIF、TTF、OTF）のアイコンファイルをドサッとドラッグ＆ドロップするだけ。あとはいい感じにIconJarがまとめてくれます。 タグ付けや、フォルダ管理ができます。もちろん複数選択での一括編集も可能。不思議なことに、四角いマークには“Square”など、インテリジェントなタグ付けがなされます。だいたい、突っ込むだけでOKです。 あとは、使いたくなったときにIconJarを呼び出して、お好きなアイ
200種類の汎用性に優れたSVGアイコンとその使い方が勉強になる！新しいデザインに役立つUIコンポーネント素材 -WPF UI
今までとは一味違う新しいデザインを組み立てるのに役立つ、美しくデザインされたUIコンポーネント素材を紹介します。アイコンを得意としているクリエイターの制作なので、汎用性に優れたアイコンが素材に含まれているだけでなく、その使い方にも注目です。 素材は商用無料で、ライセンスは良い子だけが使える「Good Boy License」。 手を洗わない子は使っちゃダメ！ WPF UI Framework WPF UI Framework -GitHub ダウンロードできる素材のフォーマットは、2種類。 .psd (Photoshop用) .sketch (Sketch用) アイコンは、200個の.svgファイルで含まれています。 コンポーネントにはWindows 8をテーマにしたさまざまなものが揃っています。 200種類のSVGアイコン オフキャンバス メニュー ソート機能付きのグリッド ツールバー
使い勝手のよさそうなアイコンをCSSだけで6個作ってみた｜Webpark
近頃アイコンに画像を使わずWebフォントを使うことが多くなりました。とはいうものの、少しのアイコンを使うために、多くのアイコンが入ったファイルを読み込むのもどうかなということもあります。そのアイコンをCSSで表現できるならそれに越したことはないと思います。 ということで、よく使いそうなアイコンをCSSで作ってみました。 HTMLは全て同じです。 <span class="css-bar"></span> span要素1つだけで、擬似要素を組み合わせて作っています。では1つずつ解説していきます。 3本線のボタン まずは、最近よく見かける3本線のボタンです。本体のspan要素で真ん中のボーダー、before擬似要素で上のボーダー、after擬似要素で下のボーダーを表しています。 .css-bar{ display: inline-block; position: relative; margi
もう国旗アイコンには困らない、世界各国240種類の国旗のアイコン集
総務省によると世界の国の数は193（2010年1月1日現在）とのことですが、全部で240種類の国旗のアイコン素材を紹介します。 2400 Flag Icon Set [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNGで、サイズは16, 24, 32, 48, 64の五種類、それぞれ立体感のあるものとフラットなものが揃っています。 アイコンのサイズは五種類 国旗アイコンのファイル名は、国名とカントリーコードの二種類があります。 アイコンの利用にあたっては個人でも商用でも無料で利用が可能です。 商用の場合は特に寄付を受け付けています、とのことです。また、足らない国旗があれば随時追加するので連絡をください、とのことです。
LIGデザイナーが厳選！使えるフリーのピクトグラム（ピクトグラフ）まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless
全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント（.ttf, .woff, .eot） ベクター（.svg） 透過PNG（.png） Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類！ アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
幾何学的に設計されたピクトグラムのアイコン素材、貴重な設計図もダウンロードできます！ -100 Pittogrammi | コリス
イタリアのCIの巨匠：ボブ・ノールダ、写真家：ミンモ・カステラーノなどに触発され、幾何学的にストイックに設計されたピクトグラムのアイコン素材を紹介します。 アイコンの出来も素晴らしいですが、設計図というかマニュアルまでついてるのは珍しい！
無料で商用利用OKなお買い物アイコン250種類詰め合わせパック「The ultimate free eCommerce icon pack」
円などの単位マークや買い物カート・プレゼントボックス・ディスカウントの印といった定番のお買い物アイコンからインターネット上で買い物を行うeコマースで使えそうなQRコード・スマートフォン・タブレット・ダウンロードのマークなど250種類の商用無料アイコンがセットになっているのが「The ultimate free eCommerce icon pack」です。 The ultimate free eCommerce icon pack by Freepik & WooThemes http://www.woothemes.com/2013/06/freepik-free-ecommerce-icons/ 買いものカートや電卓、ドル・ユーロ・ポンド・円といった単位のマークなど、商品販売サイトなどで利用できそうなアイコン250種類は以下から。 実際にスマートフォン画面にアイコンが表示されるとこんな
jQuery UIで使えるアイコンの名前を調べるためのチートシート・jQuery UI icon name map - かちびと.net
jQuery UIで用意されてるアイコン のチートシートです。使用頻度が 高いならチートシートを持ってお くと便利かもしれません。調べる の面倒ですしね。自分のようにたま にしか使わないなら不要ですが。 と言うわけでjQuery UIにプリセットされているアイコンの名前を調べるためのチートシート。PDFで保存するやつです。 カテゴリ分けされてます。jQuery UIの使用頻度が高いならあると便利ではないでしょうか。PDF版もDL出来ます。 ul li.ui-icon-carat-1-ne{ padding: 4px 0; } こんな感じで使います。 class名はgooglecodeでToggle textをクリックすれば確認できるっちゃ出来ますが、手元に置きたいと言う方はチートシートの方が便利かも。 お好みでどうぞ。 jQuery UI icon name map
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://graystar0907.wix.com/bukiicons
icono - light and ready to use icons for your next project
http://www.mobiletuxedo.com/touch-gesture-icons/
これはちょっと珍しい、学校や教育関係のアイテム全200種類のアイコン素材 -Freepik | コリス
新着記事
食材や料理や調理器具が200種類そろった商用利用無料のアイコン素材 -Freepik
新着記事
