並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 313件

新着順 人気順

iconの検索結果1 - 40 件 / 313件

iconに関するエントリは313件あります。 デザイン素材design などが関連タグです。 人気エントリには 『【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note』などがあります。
  • 【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note

    3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 (1)「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ

      【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note
    • [こかげ] フォント : Nu みちしるべ

      概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。(なお「直接編集」を無効にした場合、文字列の書き替えは左上の

      • EXPERIENCE JAPAN PICTOGRAMS

        Animated Pictograms日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝お辞儀餅つきタクシーを拾う入浴手水茶道手締め電車相撲の決まり手阿波おどりComing Soon

          EXPERIENCE JAPAN PICTOGRAMS
        • 『女性がスカートを履くとは限らないのでは?』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」

          株式会社石井マーク @ishiimark_sign 所謂ピクトグラムと呼ばれる図記号サインもシルエットを重視したデフォルメの典型にございまして、人の性別あるいは役割・状況を表す際にも悪く言えば「紋切型」の表現を必要とします。 それで良い筈です。 人であろうと「見かけで区別し判断する」が記号の目的であり、それ以上の役目はないからです。 pic.twitter.com/sRnxzIsYtY 2020-07-11 13:43:53 株式会社石井マーク @ishiimark_sign 「①女性はスカートを穿いていると限らないのでは?」 「②妊産婦のお腹がこれ位大きいと限らないのでは?」 というお叱りに対しては、早い話「はい、確かにそうですけどソレが何か?」なのですよ。 面白い事にそうした人は、③人間が2本の足で立てるとは限らないという点にも気付く事もありません。 pic.twitter.com/o

            『女性がスカートを履くとは限らないのでは?』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」
          • ドット絵ダウンロードサイト DOTOWN|無料の素材サイト

            ChargeSPOTマン 空を飛ぶChargeSPOTマン ChargeSPOTスタンド ChargeSPOTを持っている交通誘導員 緑色のコーヒーカップ カセットテープ シルバーの指輪 シマエナガ シマエナガのぬいぐるみ コントローラー 手編みのベスト 編み物のかぎ針 ニット帽 おむつ(柄あり) おむつ 手紙 バクのぬいぐるみ 横向きのシマエナガ 日本刀 イカメシ 12345

              ドット絵ダウンロードサイト DOTOWN|無料の素材サイト
            • 最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説

              最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート(最終形) HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう

                最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
              • Storyset | Customize, animate and download illustration for free

                Awesome free customizable illustrations for your next project Customize, animate and download our illustrations to make incredible landing pages, app or presentations!

                • 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ

                  最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo

                    【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
                  • フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD

                    無料FTPソフト「FileZilla」の使い方|ファイル転送の一時停止、複数サーバー同時接続も可能。 2024.09.05

                      フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD
                    • 面白Web API 100連発 - pastak-pub

                      エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) (前半の各ベンダの話はpastak.icon個人の見解を含みます) 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu

                        面白Web API 100連発 - pastak-pub
                      • 全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons

                        企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類! SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。

                          全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
                        • 無料で商用可のフリーイラスト素材|Loose Drawing

                          2020年の終わりに私たちLoose Drawingは始まりました。最初のころは、訪問者数が1日3人、5人という日もありましたが、今では月間10万人以上の方々にご利用いただいており、この場を借りて心から感謝申し上げます。 しかし、サービスの成長とともに運用コストも増加しています。私たちは、ユーザー体験を最優先に考え、広告は最低限に留めており、広告を増やして収益を上げることもできますが、それは私たちの理念に反します。 ここで皆様にお願いがあります。もしLoose Drawingが皆様の創作活動に少しでも役立っているなら、私たちにコーヒー1杯分のサポートをしていただけないでしょうか。皆様からの温かいサポートが、私たちのサービスを継続し、さらには発展させていく力となります。

                            無料で商用可のフリーイラスト素材|Loose Drawing
                          • ネットワーク構成図のパワーポイント無料アイコン集

                            ネットワーク構成図のアイコン集 さくらインターネット https://knowledge.sakura.ad.jp/4724/ レンタルサーバーでおなじみのさくらインターネットがダークブルーのフラットでおしゃれなネットワーク系のアイコン「さくらのアイコンセット」を提供しています。ネットワーク系バリバリの詳細な図までは書けませんが、プレゼンや簡易的なネットワーク図を描くには十分に利用できます。ライセンスは「クリエイティブ・コモンズの 表示 4.0 国際 ライセンス」での提供なので自由度は高いです。 cisco https://www.cisco.com/c/en/us/about/brand-center/network-topology-icons.html ネットワーク機器を販売しているciscoから、ネットワーク機器や概念図のアイコンセットが無料でダウンロードできます。JPGやEPS形

                              ネットワーク構成図のパワーポイント無料アイコン集
                            • なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか?

                              回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。 以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

                                なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか?
                              • 【解説】 なぜ「Z」がロシアで戦争支持のシンボルになっているのか - BBCニュース

                                画像説明, ロシアの男子体操イワン・クリアク選手は、胸にテープで「Z」の文字を貼り付けて表彰台に上った ロシアの男子体操イワン・クリアク選手は、5日にカタールで開かれたワールドカップ(W杯)で、アルファベットの「Z」を胸に付けてウクライナ選手と並んで表彰台に立ったとして、国際体操連盟(FIG)の懲戒手続きに直面している。このシンボルは何を意味しているのか? ロシアでは現在、ウラジミール・プーチン大統領によるウクライナ侵攻を支持するシンボルとして、アルファベットの「Z」が急速に拡散している。政治家たちが愛用し、車やバンの側面、広告板、さらにはバス停にもいたずら書きされている。セルビアの首都ベオグラードで行われた親ロシア派のデモでも、使われていたた。さらに、そうした写真が、ソーシャルメディア上で広く共有されている。

                                  【解説】 なぜ「Z」がロシアで戦争支持のシンボルになっているのか - BBCニュース
                                • 「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会

                                  こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon

                                    「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
                                  • ヤマトの「クロネコマーク」、4月にデザイン変更。1957年以来初

                                      ヤマトの「クロネコマーク」、4月にデザイン変更。1957年以来初
                                    • 商用利用無料、UIデザイン用のSVGアイコンが1000種類以上! 改変・再配布も可の太っ腹ライセンス- MingCute Icon

                                      WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用

                                        商用利用無料、UIデザイン用のSVGアイコンが1000種類以上! 改変・再配布も可の太っ腹ライセンス- MingCute Icon
                                      • どなたでも利用できる、イラストレーション・アイコン素材集を配布します |デジタル庁

                                        ※2023年6月27日 「今回配布を予定しているアイコンの例」画像を差し替えました。 ライセンスの記載について追記しました。 デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。 専門的でわかりにくい行政手続の改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政

                                          どなたでも利用できる、イラストレーション・アイコン素材集を配布します |デジタル庁
                                        • これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons

                                          WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上! ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

                                            これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
                                          • 商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの

                                            企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース! 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。

                                              商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの
                                            • 【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか

                                              公(広島市) @kou_mamorukai 元「広島市を護る会」代表。 #広島市 に #ヘイトスピーチ 条例を作ろうという外部団体ができたので、条例制定反対の民意を届けるため会を立ち上げました、が、状況が落ち着いたので活動休止しました。 フォロワー募集中です。

                                                【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか
                                              • イラストレーション・アイコン素材|デジタル庁

                                                素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか? 日本に暮らす人、訪れる人が理解しやすい表現になっているか? など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制

                                                  イラストレーション・アイコン素材|デジタル庁
                                                • 【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita

                                                  個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか? A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです(課金プランはある)。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ

                                                    【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
                                                  • 全部、完全に商用利用無料!WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs

                                                    企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。 アイコンの種類はなんと1,130種類! アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサイズなどを簡単に変更できます。 各アイコンは5種類のバリエーションがある Figmaでデザインされた1,000種類を超える編集可能なアイコン。 任意のアプリケーションで使用するためのWebコンポーネント。 FigmaからSVGをダウンロードするためのCLIユーティリティ。 目的のアイコンはフォルダやタグで簡単に検索可能。 ドキュメントとガイドを完備。 ダークモード対応 MITライセンスで、商用プロジェクトでも無料で利用できます。 アイコンの編集も簡単、サイズやカラーの変更だけ

                                                      全部、完全に商用利用無料!WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs
                                                    • 2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要

                                                      最近のデバイスやブラウザに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を作成する方法について紹介します。 How to Favicon in 2024: Six files that fit most needs by Andrey Sitnik Sitnik氏は、PostCSS, Autoprefixer, NanoIDの制作者です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2024/2/28: 元記事がアップデートされたので、当記事もアップデートしました。 はじめに ファビコンの設定方法 -ショートバージョン ファビコンの設定方法

                                                        2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要
                                                      • 【原価厨】ジャーナリスト・白石草氏、東京五輪のピクトグラムのデザイン料を「一つのデザイン65万円は高い」と批判→「じゃあ自分でやってみろ」とツッコミ殺到。

                                                        Helium🎈 @heIium_com #ThePeoplesNetwork represents a paradigm shift for decentralized wireless infrastructure, powered by the @Solana Blockchain. Twitter by @HeliumFndn https://t.co/xZavHW5YFv Helium🎈 @heIium_com ピクトグラムのデザイン料3000万円超なんだ・・・。(主に中抜きかな) 「Tokyo 2020競技ピクトグラムの開発に係る業務委託」の入札結果 契約者 株式会社電通、契約金額 32,587,500円 gtimg.tokyo2020.org/image/upload/p…

                                                          【原価厨】ジャーナリスト・白石草氏、東京五輪のピクトグラムのデザイン料を「一つのデザイン65万円は高い」と批判→「じゃあ自分でやってみろ」とツッコミ殺到。
                                                        • Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん

                                                          Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。

                                                            Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん
                                                          • 裸の女性のお尻のアイコンがつらい

                                                            はてブでみんなのブクマコメを見るのが好きだ。 でも結構な頻度で裸の女性のお尻のアイコンが目に入ってげんなりする。 はてブはまあまあエロネタ系のブクマもあるけどポルノサイトではないはずだと思う。 なのでお問い合わせからそのようなアイコンが禁止できないか聞いてみたら以下のような返答をもらった。 アイコン画像についてわいせつな画像は使用できませんが、当該アイコンについてはある程度抽象的なイラストであり 一般的にわいせつな興味を喚起するために作成されたものとは判断できません。 そのため、特段の対応はとっておりません。 アイコンにわいせつな画像は使用できないらしい←よかった。 でもある程度抽象的にすれば見逃してもらえるらしい←なんで?? わいせつな興味を喚起するために作成されたものとは判断できません。←意味わかんない。裸の女性のお尻だよ???わいせつじゃないの??? 男性から見ればこれくらい全然セー

                                                              裸の女性のお尻のアイコンがつらい
                                                            • 商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利

                                                              企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース! さらに、Adobe XD, Figma, Sketchなどでアイコンが簡単に使えるツールもリリースされています。

                                                                商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利
                                                              • ネットワーク図・システム構成図作成に使えるアイコン集 - Qiita

                                                                トポロジー図作成などに使ったりするアイコンは、結構サービス側で提供していたりする。 そう、よく目にするであろう、あのアイコンたちである。 リンクとともにまとめてみた。 Cloudサービス AWS AWSの公式アイコン集です。 2019/1/31からリリース2が公開されデザインが一新されました。PPT形式のドキュメントには、GroupsやIcons, Arrowsの使い方指南(すること、やってはいけないこと)が書かれています。このガイドにしたがって使いましょう。 また。この新しいバージョンの他に従来の旧バージョンも公開されています。 新バージョン 旧バージョン Google Cloud Platform 以前リンク切れていたのですがいつの間にか復活していました。アイコンが一新されたようです。 (ページには「図の例」があるよ、と言っているものの、2021/5/11現在まだ準備されていないようで

                                                                  ネットワーク図・システム構成図作成に使えるアイコン集 - Qiita
                                                                • 商用無料!UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの

                                                                  個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。 UIデザイン用のアイコンはアウトライン・ソリッドの2種類計1,130アイテムが揃っています。しかもオープンソースなのは、嬉しいですね。 Teenyicons Teenyicons -GitHub Teenyiconsの特徴 Teenyiconsのダウンロード Teenyiconsの使い方 Teenyiconsの特徴 Teenyiconsは非常に小さいスペースにも配置できるようデザインされたSVGアイコンで、極小サイズ(15x15)でも鮮明に見えるよう設計されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。

                                                                    商用無料!UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの
                                                                  • ✕はなぜ閉じるのシンボルなのか歴史を読み解く|みーた

                                                                    先日Cybozu Frontend Monthly #1 にてb4h0_c4tさんの「HTMHell special: close buttons」のお話を聴いていた中で、一つ引っかかるものがあった。 「そもそも✗(バツ)は閉じるって意味じゃないから!」 確かに。 現代、様々なUIを触ってきた中でなぜ ✕ を閉じるものと捉えているのだろうと不思議に思った。 ✕ではなくx(エックス)で表現されることも多々あるようで、こんな名言もある。 ✕とはなんなんだろう ではなぜこのクロスの記号(✕)が閉じるの意味を持ってしまったのか考えてみる。 一旦✕を見て思い出すものを上げてみようと思う。 ・◯と✕(日本の正誤表記) ・✓と✕(海外...主に欧米の正誤表記) ・プレステのコントローラー ・海外ゲームだと決定が✕、キャンセルが◯ ・宝の地図なんかで在り処を記す ・上記のツイートのようにx(エックス)とし

                                                                      ✕はなぜ閉じるのシンボルなのか歴史を読み解く|みーた
                                                                    • 「これはさすがに……」 キャッシュレス推進“ピクトグラム”コンクールに疑問の声相次ぐ…… 主催者の見解は

                                                                      キャッシュレス決済対応店舗を示す「ピクトグラム」のコンクールをめぐって、事前の募集要項に記載された「留意点」に合致しない作品が最優秀作品に採用されたのではないかとして、応募者などから疑問の声があがっています。ねとらぼ編集部はコンクールの主催者に見解を聞きました。 キャッシュレス化推進の「ピクトグラム」に疑問の声(出典:PIXTA) 採用されたのは英文字ベースの図案 コンクールは、キャッシュレス決済の普及などを目的に活動する、一般社団法人キャッシュレス推進協議会が実施したもの。キャッシュレス決済が使える店舗を示す図案を、4月17日から5月26日まで募集していました。 募集したのは「完全キャッシュレス店舗」「キャッシュレス利用可能店舗」の2つの図案を1セットにしたもので、最優秀作品受賞者には、「PayPayギフトカード」や「楽天Edy」など総額25万円分を贈呈するとしていました。 6月19日、

                                                                        「これはさすがに……」 キャッシュレス推進“ピクトグラム”コンクールに疑問の声相次ぐ…… 主催者の見解は
                                                                      • もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax

                                                                        WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。

                                                                          もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
                                                                        • こいつ、動くぞ! 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons

                                                                          1,500種類以上のアイコンが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 オープンソースで個人でも商用でも無料で利用できます。また、SVGアイコンとアイコンフォントで利用できるので、サイズやカラーの変更はCSSでできます。アイコンはリスト、固定幅、アニメーションにも対応しており、かなり便利だと思います。 Boxicons Boxicons -GitHub Boxiconsの特徴 Boxiconsの使い方 Boxiconsを実際に使ってみた Boxiconsの特徴 Boxiconsはオープンソースのプロジェクトで、1,500+種類のSVGアイコン・アイコンフォントが簡単に利用できます。シンプルなデザインは、さまざまなWebサイトやスマホアプリにぴったりです。 けっこう前にも紹介しましたが、アップデートされ続け、アイコンの種類や機能がだいぶ

                                                                            こいつ、動くぞ! 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons
                                                                          • 極右勢力が使っている北欧神話のシンボルについて(議事堂乱入男のタトゥーを読み解く)※今日は英文法はお休み - Hoarding Examples (英語例文等集積所)

                                                                            【追記】本稿には続きがあります。そちらも併せてお読みください。 hoarding-examples.hatenablog.jp 本稿を書いたことで、改めて、英語で情報を入れている人とそうでない人の基本的な了解事項の格差(ギャップ)を知らされました。少しでも埋めたいので、当ブログはしばらくこの話題でこんな感じで続けます。受験シーズンに英文法から離れてしまって申し訳ないです。英文法の実例・解説が必要という方は、過去記事をあさってみてください。【追記ここまで】 今回は、英文法の実例とはちょっと方向性の違う内容で。 現地時間1月6日の米国会議事堂乱入についての報道で、やたらと目立っていた人物がいる。角のついた毛皮の帽子をかぶり、槍にくくりつけた星条旗を持って、顔にも星条旗の模様をペイントした男だ。とても目立つので取材陣のカメラにもよく写っていて、この日のために現地に入っていたというフリージャーナリ

                                                                              極右勢力が使っている北欧神話のシンボルについて(議事堂乱入男のタトゥーを読み解く)※今日は英文法はお休み - Hoarding Examples (英語例文等集積所)
                                                                            • 実践Drawio | フューチャー技術ブログ

                                                                              はじめにもともとはMicrosof Visioなどを使って作成していた図形(ネットワーク図、各種シーケンス、ERD..etc)ですが、ファイルストレージがクラウド(Google Drive)に移ることで、 そのまま編集したい 欲求が世の中で増しているように思います。 その場合の有効なツールとしてdraw.ioを利用するケースが増えてきたと感じます。そこで当社で蓄積したナレッジを文章化します。 Draw.io Tips1.ショートカット1.1. 公式ショートカットまずはここから始めましょう。 ショートカットはプロダクトの基本操作が詰まっています。 https://about.draw.io/wp-content/uploads/2016/11/draw.io_shortcuts_basic_win_EN.pdf 2. 設定2.1. 日本語化 画面右上の🌏マークから選択します メニューが開く

                                                                                実践Drawio | フューチャー技術ブログ
                                                                              • 「ドコモの絵文字が見づらい問題」を考える なぜ、今のスマホにそぐわないのか

                                                                                携帯電話を用いたコミュニケーションの手法の1つに「絵文字」がある。日本で生まれたこの絵文字は、GoogleとAppleによって標準化され、今ではさまざまなスマートフォンやPCでもでも閲覧できる。 その一方、ドコモで販売されるAndroidスマートフォンには、いまだフィーチャーフォン時代の絵文字が表示される。しかしこれが今のスマートフォンにそぐわない側面が出ている。この絵文字問題について考察したい。 今の絵文字は日本のものをベースにGoogleとAppleが標準化を提案 絵文字を携帯電話に採用したのは、NTTドコモが最初だ。この後にDDI(現au)、J-フォン(現ソフトバンク)が採用する形で続く。絵文字にはシフトJISというコードが用いられていたが、互換性維持の空き領域に絵文字を割り当てたことから、キャリア間で互換性がなく、文字化けの要因となっていた。 後に自動変換サービスも展開されたが、使

                                                                                  「ドコモの絵文字が見づらい問題」を考える なぜ、今のスマホにそぐわないのか
                                                                                • IE Graduation (IE の功績を讃える)

                                                                                  IE の功績を讃える ~ IE 卒業式に寄せて~ 2022/06/16 #IE卒業式 by Jxck

                                                                                    IE Graduation (IE の功績を讃える)

                                                                                  新着記事