※2023年6月27日 「今回配布を予定しているアイコンの例」画像を差し替えました。 ライセンスの記載について追記しました。 デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。 専門的でわかりにくい行政手続の改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政
これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
イラストレーション・アイコン素材｜デジタル庁
素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか？ 日本に暮らす人、訪れる人が理解しやすい表現になっているか？ など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制
携帯電話を用いたコミュニケーションの手法の1つに「絵文字」がある。日本で生まれたこの絵文字は、GoogleとAppleによって標準化され、今ではさまざまなスマートフォンやPCでもでも閲覧できる。 その一方、ドコモで販売されるAndroidスマートフォンには、いまだフィーチャーフォン時代の絵文字が表示される。しかしこれが今のスマートフォンにそぐわない側面が出ている。この絵文字問題について考察したい。 今の絵文字は日本のものをベースにGoogleとAppleが標準化を提案 絵文字を携帯電話に採用したのは、NTTドコモが最初だ。この後にDDI（現au）、J-フォン（現ソフトバンク）が採用する形で続く。絵文字にはシフトJISというコードが用いられていたが、互換性維持の空き領域に絵文字を割り当てたことから、キャリア間で互換性がなく、文字化けの要因となっていた。 後に自動変換サービスも展開されたが、使
青い鳥ともお別れ？ デザイナーがアイコン制作の経緯を解説 「Twitter」を運営するXのイーロン・マスク氏が7月23日、「まもなくTwitterブランドと、そして徐々に、全ての鳥たちとも別れを告げる」とTwitter上で発言。 And soon we shall bid adieu to the twitter brand and, gradually, all the birds — Elon Musk (@elonmusk) July 23, 2023 Xは、同氏がツイッター買収のために設立した企業。同氏の発言は、Twitterという名称と、象徴的な鳥のアイコンを、新しいものに置き換えていくことを示唆している。 Today we say goodbye to this great blue bird This logo was designed in 2012 by a team o
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。
昔の日本ではハート形を何と呼んでいたのだろう 気になるねえ 何故気になったのか 昨晩の鉄腕DASHで自然薯を掘っているのを見たから 「自然薯を探すときはまず特徴的なハート形の葉を探すとよい」のような説明がされることがままある 「ハート形」という概念が無い昔の日本だと自然薯や山芋の葉のような形を何と呼んでいたのか、というのを知りたい 調べましょうね とりあえず「ハート 昔 日本」でぐぐってみるか…… なるほど、西洋からいわゆる「ハート」概念が伝来する以前から土器や織物にハート形の文様が存在する、と 神社仏閣など建築物には「猪目」と呼ばれるハート形の意匠が施されている、と なるほどねえ じゃあ昔の日本で自然薯を探すときは「猪目型の葉っぱを探すとよい」と説明されていたのだろうなぁ～ ……とはならない 「西洋ハート伝来以前から猪目と呼ばれるハート形の文様が存在した」イコール「自然薯など芋系のハート
チーム勉強会で Feature Flag とトランクベース開発の話をしました （追加訂正と書かれているスライドは、勉強会後議論した結果を反映したものです）
UIデザインに最適！ シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons
WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7，000種類以上のSVGアイコンが揃っています。 6つのスタイル（Thin, Light, Regular, Bold,
これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
TwitterがXになったし、アプリアイコンだけでA～Zはそろう？ 大人の自由研究やってみた：明日から使えるITトリビア（1/4 ページ） 8月を迎え、夏休みに入った小中高生も多いだろう。夏休みといえば、記者が思い出すのは自由研究の宿題だ。記者は当時、本で調べた昆虫の生態レポートなどを提出していたが、もし2023年に自由研究に取り組むなら、もっとネットやITサービスを利用していたのだろうかと、ふと考える。 8月3日現在、IT系ニュースで今話題の中心になっているのは、X（元Twitter）関連の話だろう。イーロン・マスク氏によってアプリの名称がTwitterからXへと変わり、多くの人に影響を与えた。そんな中、記者の中で1つの疑問が浮かぶ。「『X』アプリができたし、アプリアイコンでアルファベット26種全てそろったのでは？」 というわけで、スマートフォンのアプリアイコンでアルファベット26種全て
イーロン・マスク、Twitterのホームアイコンが鳥小屋だったことにようやく気づく。iOSアプリ更新で撤去完了 | テクノエッジ TechnoEdge
最近 iOS版の X / 旧Twitter をアップデートして何か微妙な違和感を覚えた人は、もしかするとこれが原因かもしれません。 小鳥のさえずりという意味であるサービス名「Twitter」を自身の宿願だった「X」に変え、アイコンもブランド価値の高かった青い鳥から「𝕏」にしてユーザーを驚かせるなど、旧Twitterの象徴である鳥の追放に余念がないイーロン・マスク氏ですが、ホームアイコンが鳥の巣箱だったことには気づかなかったらしく、Xに変えたあともTwitterと同じままでした。
UIデザインで、小さいサイズでもはっきりと美しく見えるように設計されたMicroサイズのSVGアイコン -Heroicons Micro
テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか？ アイコンは通常のMiniサイズだと20x20ですが、それより一回り小さく高密度のUI向けに設計されたMicroサイズの16x16のSVGアイコンを紹介します。 Heroicons Micro Heroicons -GitHub Heroicons Microの特徴 Heroicons Microのダウンロード Heroicons Microのアイコン Heroicons Microの特徴 Microサイズのアイコンは、先日v2.1にアップデートされたHeroiconsに新しく加わったサイズです。 タイトで高密度のUI向けに設計されており、UIデザイン用に約300種類のアイコンが揃っています。MITライセンスで、商用プロジェクトでも無料で利用できます。 Heroicons 既存のアイコンを
これでもうUIデザイン用のSVGアイコンに困らない！ 2,000種類以上が揃った商用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。2,452種類のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォーマッ
医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。 珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も揃っているので、便利です。
WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、すぐに使用できるのも嬉しいですね。 4,000 Free + Open Source Icons アイコン界のヘルベチカを目指して、可読性を最大限に高めるために14pxのグリッド上に構築されています。Streamlineの10年以上の経験を持つ8人のアイコンデザイナーによって作成されています。 アイコンの利用方法は簡単で、下記ページにアクセスし、「Figmaで開く」をクリックします。
The ultimate source for icons.Download, Customize, Edit and Personalize. Over 200k+ open source icons.
Free Vector Icons & Icon Pack with Free download 200K+ Icons | BlendIcons.com
Free IconsThe world’s largest unique icons, drawn by hand and designed for creative expression. With dozens of different styles. Start by downloading our free vector icons.
この<Icon />コンポーネントを使用すると、以下キャプチャのようになります。 UI ライブラリから提供されているものを使用する選択肢もありますが、デザイナーが用意した SVG を使用する場合は自作する必要があります。自作<Icon />コンポーネントのフォルダ構成は、概ね以下のようになるでしょう。 SVG Icon Component をどう作るか アイコン画像を背景画像ではなく SVG にする理由は「塗り色」を動的に変更したいためです。新色を追加するとき、全種のアイコン画像を追加するのは大変です。SVG であれば、要素に対しpath { fill: #ff0; }のように CSS 指定をすることで動的に塗り色を変更できるため、このようなケースでは「インラインレンダリング」が選択できます。インラインレンダリングであれば、塗り色だけでなくサイズも動的に変更できます。 ただし、インラインレ
Lucide Icons
Beautiful & consistent icon toolkit made by the community.
Windows10,Windows11に接続されているCOMポートをすべて表示します。 デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。もともとは自分用に作成しましたが、結構便利なので公開します。Python3.11.3で開発しています。 ダウンロードしてくれたら、DL数の目安を知りたいので💛ボタンをクリックしてくれるとありがたいです。 詳細デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。ダウンロードしたzipファイルを適当なフォルダーに格納します。立ち上げたらSerial Information Viewボタンをクリックするだけで使用できるシリアル通信ポートを確認できます。 ESETのウィルススキャンソフトにてスキャン済。デジタル証明はありません。初回起動時に「WindowsによってPCが保護されました」と表示される場合があります
Contains glyphs for: Xbox 360, Xbox One & Xbox Series PlayStation™ 1 – 5 Steam Deck Steam Controller Nintendo Switch Nintendo Wii Nintendo WiiU Playdate Keyboard & mouse Generic controls Flairs
Free Icons Download, Various Styles Free Vector Icon's | BlendIcons.com
A new way to work!17 wholesome months. That’s how long it took us to gather all your most-used icons in one place. Meet BlendIcons, your favorite icons platform. The perfect free icons app Focus is everything.With BlendIcons, you can plug into a flow of creative work. Enjoy elegant, clean, monochrome and colored icons from one central place. No more tons of low-quality, pixelated icons. Every icon
A complete guide on how to pair icons and typefaces to create a consistent visual language.Choosing the right icon set to complement a specific typeface is crucial for maintaining visual consistency in a project. This ensures that all the elements work together to create a recognizable brand and improve the overall user experience. Here's what you need to know to make the right choices. Early cons
All styles Icons - Free All styles Vector Icon Download | BlendIcons.com
Free IconsThe world’s largest unique icons, drawn by hand and designed for creative expression. With dozens of different styles. Start by downloading our free vector icons.
An in-depth guide to icon creationDesign should be democratic, that's why our team refuses to hide the process behind our art. So here we are, ready to reveal all our tricks in what has become by its own merits a great home for any icon designer: Figma. What you need to know before designingWe want to make sure that this article is interesting for those who are already familiar with the icon desig
Mezze – Convert and Export Icons as React Components | Figma
It's a chore keeping icons updated cross-functionally. Mezze allows you to convert and export icons as React components, and pushes changes directly to your Git repos. See Mezze in action 🎬 ⚡ Benefits: Designers no longer have to export icons from Figma every time there are changes or additions...
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どなたでも利用できる、イラストレーション・アイコン素材集を配布します ｜デジタル庁
「ドコモの絵文字が見づらい問題」を考える なぜ、今のスマホにそぐわないのか
さよならTwitterの青い鳥。11年使われたアイコン、デザイナーが解説
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
昔の日本ではハート形を何と呼んでいたのだろう 気になるねえ 何故気になっ..
Feature Flag Deep Dive
TwitterがXになったし、アプリアイコンだけでA～Zはそろう？ 大人の自由研究やってみた
商用利用無料！ 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health
Figmaですぐに使えるUIデザイン用のアイコン素材！ シンプルで、可読性を最大限に高めた4,000種類のアイコン
Iconbuddy — 200K+ open source free svg icons
CSS Modules で作る SVG Icon Component
Serial Info Viewer(フリーウェア) - sakayaya - BOOTH
Input Prompts · Kenney
Choosing the perfect icons for your typeface
How to design icons in Figma