Ready-to-useYou can use the icons as HTML images, embed them in your HTML code, create an SVG sprite or render them in React. Multiple formatsIcons can be used in Sketch, Illustrator, XD and Figma - choose the tool you feel the most comfortable working with. CustomizableEvery icon is designed on a 24x24 grid and a 2px stroke. You can easily customize them, changing the size, stroke or color.
Free, “do wtf you want with” pixel-perfect icons New icons added every week. 24 x 24 bounding box · 1.5px stroke · SVG Format · 1328 icons + counting
Google really whiffed with the new logos for its “reimagination” of G Suite as Google Workspace, replacing icons that are familiar, recognizable, and in Gmail’s case iconic if you will, with little rainbow blobs that everyone will now struggle to tell apart in their tabs. Companies always talk loud and long about their design language and choices, so as an antidote I thought I’d just explain why t
GitHub - dair-ai/ml-visuals: 🎨 ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.
📣 Stay tuned for significant updates to both the slides and repository.!!! 📣 In the meantime, Join our Discord ML Visuals is a new collaborative effort to help the machine learning community in improving science communication by providing free professional, compelling and adequate visuals and figures. Currently, we have over 100 figures (all open community contributions). You are free to use the
LDRS — UI Ball
Free, open-source loaders and spinners for your next project. Built with HTML, CSS & SVG, and powered by web components, for maximum compatibility.
この<Icon />コンポーネントを使用すると、以下キャプチャのようになります。 UI ライブラリから提供されているものを使用する選択肢もありますが、デザイナーが用意した SVG を使用する場合は自作する必要があります。自作<Icon />コンポーネントのフォルダ構成は、概ね以下のようになるでしょう。 SVG Icon Component をどう作るか アイコン画像を背景画像ではなく SVG にする理由は「塗り色」を動的に変更したいためです。新色を追加するとき、全種のアイコン画像を追加するのは大変です。SVG であれば、要素に対しpath { fill: #ff0; }のように CSS 指定をすることで動的に塗り色を変更できるため、このようなケースでは「インラインレンダリング」が選択できます。インラインレンダリングであれば、塗り色だけでなくサイズも動的に変更できます。 ただし、インラインレ
Radix Icons
React componentsAll icons are available as individual React components. Install Radix Icons from npm:
Fluenticons
Fluent Icons Open source icons by Microsoft. Viewer by Colton Griffith NOT AFFILIATED WITH MICROSOFT, IN ANY WAY
特定個人のSNSアイコンが嫌い
ある人のツイッターのSNSアイコンに生理的嫌悪感を覚えるようになった そういった意見を見たことは一度もないので俺の感性がおかしいのは重々承知している しかしはてブを見てると時々ホッテントリ入りするほど発言力のある人なので 時々目に入ってしまい嫌な気持ちになる 何の変哲もないエロでもグロでもない普通のイラストなんだけど なぜかキモって思うものはキモいんだからしょうがない 特定のURLや単語を含むエントリを非表示にする機能が切実に欲しい
当ブログでもお馴染みのIcons8から実験的なアイコンとして、セリフフォントの特徴をデザインに取り入れたSerif iconsがリリースされたので紹介します。 アイコンはセリフフォントのようにストロークの端に飾りがついているデザインで、箇条書きリストやテキストボックスに適しています。
新アイコンは、馴染みのあるアイコンを同社の「Fluent Design System」に基づいてデザインし直し、「ビジネスのアジャイルな未来を表現した」としている。 現在のアイコンになったのは2017年のIgniteからだ。それ以前は雲を模したものだった（米Neowinより）。 Microsoftは検索サービス「Bing」のロゴも昨年10月に名称を「Microsoft Bing」とした際、Fluent Designのものに変更している。 関連記事 Windows 10の「エクスプローラー」、「ごみ箱」などが正面を向くデザイン変更（Build 21343で） Microsoftは「Windows 10」のプレビュー版プログラム「Insider Preview」でリリースした「Build 21343」で、「エクスプローラー」の新しいアイコンを披露した。ごみ箱やデバイスが正面を向き、「ドキュメン
デザイナー泣かせ？ ロゴ自動生成サービス「Hatchfulロゴメーカー」がすごい | Forbes JAPAN 公式サイト（フォーブス ジャパン）
CI（コーポレート）アイデンティティは言うまでもなく重要な企業戦略の1つだが、「コーポレート・スローガンなどと並んでその筆頭に挙げられるのが「ロゴ」だ。すぐれたロゴは1000字、2000字のテキストメッセージよりも多くの情報を雄弁に顧客に伝えるからだ。顧客にブランド名を記憶させ、ロイヤリティーを感じてもらうために、ロゴマークははかりしれない魅力をはらむツールであり手段といえる。 ここでは、誰でも簡単にロゴが作成できる便利なサービス「Hatchfulロゴメーカー」について紹介する。ロゴ作成に悩む諸氏、作り方が分からない諸氏は参考にしてほしい。 企業ロゴ＝信頼、責任、覚悟 企業戦略において、顧客から事業内容の認知を得ることや、信頼できるイメージを持ってもらうことは必要不可欠。それらの指標となるのが、本記事で扱う「ロゴ」だ。ではなぜ、ロゴが顧客からの信頼の指標となるのだろうか。 iPhoneやM
米Appleは9月29日（米国時間）、App Storeのプロダクトページへと導く「マーケティングツール」で、Appアイコン、QRコードまたはApp Storeバッジが表示される、短縮リンクや組み込み可能なコードが作成できるようになったと発表した。 マーケティングツールで作成したいアプリの検索を行い、クリックすると使用可能なマーケティングツールが表示される。QRコードは色の選択（白、黒、青）、アイコンの有無を選択できる。 関連記事 AppleのApp Storeガイドライン改定でiOS端末でのゲームストリーミングが可能に Appleが、アプリストアへのアプリ登録のガイドラインを改定した。この改定で、「ストリーミングゲームは、すべてのガイドラインに準拠する限り許可される」という条項が追加された。だが、ガイドラインはストリーミングのメリットを損なうとMicrosoftはメディアに語った。 萩尾
顔アイコンジェネレーターZ
カスタムランダム 髪 すべて 固定 なし 男性 女性 帽子 すべて 固定 なし まゆげ すべて 固定 なし メガネ すべて 固定 なし 眼 すべて 固定 なし 鼻 すべて 固定 口 すべて 固定 なし ひげ すべて 固定 なし 輪郭 すべて 固定 体 すべて 固定 なし 背景 すべて 固定 なし その他 すべて 固定 なし
Lucide Icons
Beautiful & consistent icon toolkit made by the community.
アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。 今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。 SuperTinyIconsの使い方 ソーシャルメディアとメディア。 Google。 コミュニケーション。 Webサイト。 Webサイトとインターネット。 ブラウザとポッドキャスト。 ロゴ。 セキュリティ。 決済。 プログラミング。 その他。 SuperTinyIconsの各アイコンにはサイズも書かれています。その殆どが3桁バイトであるのが分かります。SVGと合わせてPNGも提供されています。汎用的なデザインなので、利用できる場面は多そうです。 SuperTinyIconsは edent/SuperTinyIcons
これまた、便利なツールが登場しました！ 使用するアイコンだけをアイコンフォントやSVGアイコンのセットにできる無料オンラインツールを紹介します。 さまざまなアイコンプロジェクトがサポートされており、BootstrapやMaterial Designをはじめ、当ブログでも紹介したことのある数多くのアイコンから使用するアイコンだけを選択できます。 例えば、Bootstrapからホームとアローだけをセットにするとか、BootstrapのホームとMaterial Designのアローをセットにするとかも簡単です。 Icônes Icônes -GitHub Icônesの特徴 Icônesの使い方 Icônesの特徴 Icônesは複数の商用利用無料のアイコンから、使用するアイコンを選んでセットにして利用できるオンラインツールです。 登録など面倒なことは一切なく、ブラウザから簡単に利用できます。
Summary: The caret icon most clearly indicated to users that it would open an accordion in place, rather than linking directly to a new page. For good reasons, accordions are a popular UI element today: on mobile, they are an essential tool because they collapse content and make page length manageable, but even on desktop, they mitigate visual complexity and allow users to focus on the content mos
A curated list of websites with beautiful free icon design sets that can be used for personal and commercial projects. Icon design can be hard to get right. Creating a set of unified icons that compliment each other can be very challenging. The best designers are able to even add personality to an icon set to match the tone of the project. In this post, we wanted to share some of the best sites to
React Icons
Installation (for standard modern project) npm install react-icons --save Usage import { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } Installation (for meteorjs, gatsbyjs, etc) If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package.
Emotionality at work
The world has changed quite a bit since ¯\_(ツ)_/¯ became 🤷♀️. Mobile devices proliferated, the gig economy burgeoned, and remote work began to rise. Then the pandemic hit and beyond our heroic essential workers, almost everyone became a remote worker. The emoji has steadily evolved alongside us, acting as essential communicators full of life and color. Body language, subtle forms of humor, or e
Windows10,Windows11に接続されているCOMポートをすべて表示します。 デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。もともとは自分用に作成しましたが、結構便利なので公開します。Python3.11.3で開発しています。 ダウンロードしてくれたら、DL数の目安を知りたいので💛ボタンをクリックしてくれるとありがたいです。 詳細デバイスマネージャーを開かなくても簡単にCOMポートを調べることができます。ダウンロードしたzipファイルを適当なフォルダーに格納します。立ち上げたらSerial Information Viewボタンをクリックするだけで使用できるシリアル通信ポートを確認できます。 ESETのウィルススキャンソフトにてスキャン済。デジタル証明はありません。初回起動時に「WindowsによってPCが保護されました」と表示される場合があります
コロナウィルス関連の治療や衛生についてピクトグラムで表現したアイコン素材を無料配布します。 個人でも商用プロジェクトでも無料で利用でき、クレジット表記不要の太っ腹ライセンスです。ただし、アイコン自体の再販売や再配布は不可です。 アイコンの作者様は、当ブログ限定で配布している「日本の風習を伝える100のアイコン」のrimbird様（@rimbird）です。コロナウィルス関連のアイコンを作成したので、多くの人に使ってもらえたらということで、お声がけいただきました。 アイコンのフォーマットは、下記の通りです。 .jpg .ai アイコンのサイズやカラーを変更したい場合は.aiをご利用ください。 ダウンロードできるアイコンは、コロナウィルス関連の治療や衛生についてピクトグラムで表現されています。
＜ウクライナ侵攻の当初からロシア軍の戦車の脇などあらゆるところに書かれてきたた「Z」の文字。解釈には諸説あったが、公式の説明が出た＞ ロシア軍によるウクライナ侵攻のシンボルとして有名になった「Z」マークの意味を、ロシアの国営放送が明らかにした。 ロシアの国営テレビ局「第1チャンネル」のニュース番組が4月18日、第2次大戦でソ連がナチスドイツに勝利したことを祝う5月9日の戦勝記念日のリハーサルが行われたことを報じた。そのなかでアンカーのエリセーエフは、パレードには1万1000人以上の軍人が参加し、8機のMiG-29戦闘機が、アルファベットのZを描きながら飛行する予定だと伝えた。 米誌デイリー・ビーストの記者で、ロシアウォッチャーでもあるジュリア・デイビスのツイートによれば、エリセーエフは番組内で、なぜ「Z」なのかを説明した。「Z」は数字の7を2つ、１つを逆さまにして重ねたものだという。つまり
GitHub - awslabs/aws-icons-for-plantuml: PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
どのアプリの絵文字が「実際に使えるはさみの絵文字」なのか？
絵文字は文字コードの業界規格である「Unicode」で定義されているものの、OSやアプリごとにその表現は微妙に異なります。そのため、例えばチーズバーガーの絵文字がAppleとGoogleで異なることが話題になったこともあります。そんなアプリごとに異なる絵文字の微妙な差異に目をつけたブロガーのwh0さんが、「はさみとして実用的なのはどのアプリの絵文字なのか？」という考察を行っています。 Which emoji scissors close https://wh0.github.io/2020/01/02/scissors.html 絵文字版WikipediaのEmojipediaで公開されているはさみの絵文字を元に、wh0さんは「刃が閉じた状態のはさみの絵文字」を独自に作成し、各アプリのはさみの絵文字はどれが実用的なのかを評価しています。 wh0さんは、それぞれの絵文字を「左利き用はさみ」「
Iconify is an open source project. Almost all parts of the project use MIT license. Some older packages use Apache 2.0 and/or GPL 2.0 licenses. This license does not apply to icons. Icon sets use various open source licenses, see each icon set for details.
今のWebサイト、スマートフォンアプリではテキストではなくアイコンで操作を指示することが増えています。絵の方が分かりやすい場面も多いですが、分かりづらいアイコン（保存のフロッピーアイコンなど）もあります。 その中でも大事なのが統一性です。大量のアイコンが一つのパッケージになっていることで、統一されたデザインが実現できます。今回紹介するCoreUI Iconsはフリーでも1,500、有料版では3,000のアイコンが提供されます。 CoreUI Iconsの使い方 各カテゴリの最初の部分だけ紹介します。まずはブランド。 AppleやAmazonなどもあります。 国旗。 アクセシビリティ。 アラート。 ファシリティ。 ビジネス、マーケティング。 チャット。 顔。 ファイル、ドキュメント、メール。 フード、ドリンク。 手。 イメージ編集。 インタフェース。 メディア、オーディオ、動画。 電話系。
IconHunt
Required parameter: searchterm, string: searchterm Keywords: palette, boolean: Filter icons by palette. Example queries: "arrow palette=false", "car palette=true". style, "fill" or "stroke": Filter icons by style. Example queries: "arrow style=fill", "car style=stroke". prefix, string: Icon set prefix if you want to get result only for one icon set. Example queries: "arrow prefix=mdi", "car prefix
Illustrations to create breath-taking projects without breaking the bankConvert your visitors to customers with awesome designs. We have a range of premium illustrations fit for your project!
Includes 36,600+ assets, full access to app, and upgrades for one year. Price will increase as library grows.
SF Symbols 5 With over 5,000 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Symbols come in nine weights and three scales, and automatically align with text. They can be exported and edited using vector graphics editing tools to create custom symbols with shared design characteristics and accessibility featu
decent looking diagrams for engineers
ホームページを制作するときに欠かせない写真やイラストなどの素材。今ではたくさんのストックフォトサイトがあるため、素材に困ることは、ほとんどないかもしれません。しかし、ストックフォトも使用する数が増えれば、その費用は軽視できません。 そこで今回の記事では、無料で使えるフリー素材サイトをまとめてご紹介します。ぜひブックマークして、日々の制作のおともにお役立てください。 写真 タダピク http://www.tadapic.com 43もの無料画像サイトから画像をキーワード検索できる「無料画像検索エンジン」です。 PAKUTASO（ぱくたそ） http://www.pakutaso.com 掲載枚数2万枚以上（2019年3月時点）。時事ネタやフリー素材には珍しい人物写真も豊富。会員登録不要で手軽にダウンロードできます。 PhotoAC（写真AC） http://www.photo-ac.com
Doodle icons
Doodle Icons 400+ handcrafted icons free for your next project Free icons for commercial and personal use under CC0 license - no attribution required. Get figma file Download all icons Get animated icons Beautiful hand-drawn icons Hand-drawn icons using an icon grid 400+ icons with 15 categories Free for personal & commercial use No attribution required
Heroicons
Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.
宝探し気分で探そう。macOS Montereyの中には2000年から現在までのApple製品アイコンが隠されている
宝探し気分で探そう。macOS Montereyの中には2000年から現在までのApple製品アイコンが隠されている2022.01.11 13:0017,134 岡本玄介 ちょっとした小ネタなんですけどね。 macOS Montereyの中に、懐かしのApple（アップル）製品のアイコンがたくさん隠されているって、ご存知でした？ redditの投稿によると、Finderから深い階層に潜っていくと、2000年までの製品ほとんどのアイコンが並んでいるというのです。 フォルダーはどこに？ ｢Finder｣内の｢場所｣にある｢Macintosh HD｣→｢システム｣→｢ライブラリ｣→｢CoreServices｣→｢CoreTypes.bundle｣を右クリックで｢パッケージの内容を表示｣→｢Contents｣→｢Resources｣で到達できます。 筆者も試してみると、確かにiPhoneやノートブ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tabler Icons: 5200+ free vector icons for web design
Iconic — Free “do wtf you want with” pixel-perfect icons
Google's new logos are bad | TechCrunch
CSS Modules で作る SVG Icon Component
Google、「Chromeアイコンリニューアル」の背景を解説――さまざまな条件で最適なデザインを追求
UIデザインのアイコンにお勧め！ セリフフォントの特徴をデザインに取り入れた美しいアイコン素材 -Icons8
Microsoft、「Azure」の新アイコン発表 「Fluent Design System」準拠
Apple、App Storeアプリをアイコン付きでQRコードにできるツール公開
SuperTinyIcons - 1KB以下の軽量アイコン集
Microsoft OfficeがMicrosoft 365に名称変更。アイコンなども刷新
複数のアイコンプロジェクトから、使用するアイコンだけをアイコンフォントやSVGのセットにできる無料ツール
Accordion Icons: Which Signifiers Work Best?
33 Amazing Sites with Beautiful Free Icon Sets
Windows 10ベータ版で、各種アイコン刷新。ごみ箱も変更
Serial Info Viewer(フリーウェア) - sakayaya - BOOTH
コロナウィルス関連のサービスやアプリを作成する個人・企業を支援するためのアイコン素材を無料配布します
ついに明かされたロシア軍「Z」の真の意味｜ニューズウィーク日本版 オフィシャルサイト
Iconify Design: All popular icon sets, one framework.
CoreUI Icons - 1,500種類を超える多彩なアイコン集
2500+ High Quality Illustrations & Animations Pack
Shape - 36000+ Icons & Illustrations to SVG, Lottie, React.
SF Symbols - Apple Developer
Decent looking diagrams for engineers
【2020年版】商用利用可のフリー素材サイト集 20選！