欲しいものが無いからつくってみました。誰でも使えるオープンソースなネットワークアイコン集 - Qiita
概要 システム構成図などを作成しようとすると、ユーザーやサーバーの図形を使うことになりますが、ライセンスを気にせずに、タダで使えて、見た目がそれなりによくて、統一感があるものは、なかなか見つからないですよね。無いならつくるしかない、ということでつくってみました。 この図をつくっているパーツを含むPowerPointもGitHubに公開したので、ある意味オープンソースです。グループ化を解除すれば、各パーツに分解できます。 昨日から作り始めたので、まだ納得のいくものになっていませんが、これからクオリティを上げていきます。 ちなみにWindows 10のPowerPoint2013でつくっているので、LibreOfficeなどでは正常に表示されません。最初からMacかUbuntuで作図した方がもう少しマシなデザインになったと思いますが、職場はWindowsという人が多いと思うので、PowerPo
無料で使えるオープンソースの200種類以上あるSVG形式アイコンセット「Clarity Icons」
200種類以上もある美しいSVG形式のアイコンをまとめたアイコンセット「Clarity Icons」が、オープンソースのデザインシステムClarity Design System上で公開されています。 Clarity Design System https://vmware.github.io/clarity/icons/icon-sets#core-shapes 「Clarity Icons」には全部で200種類以上のアイコンが収録されており、アイコンは種類ごとにダウンロードすることも可能です。収録されているアイコンの種類は「Core Shapes」「Commerce Shapes」「Essential Shapes」「Media Shapes」「Social Shapes」「Travel Shapes」「Technology Shapes」の7種類で、さらに複数のバリエーションも存在し
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
CSSのみでアイコンフォント風の図柄を表示できる「CSS ICON」の使い方
CSS ICONとは CSS ICONは、CSSのみで描画されたアイコンを表示させることができるコードが集められたアイコン集です。 この記事を書いた2016年11月時点では500以上のアイコンを利用することができます。 CSSのみで描かれたものということなので、思いっきり簡素なものと思いきや、かなり実用的なアイコンがそろっています。 CSS ICONの使い方アイコンを利用するには、まずCSS ICON利用したいアイコンを選択します。 すると、画面右側に「アイコンを利用するためのコード」が表示されます。 CSSをコピペこれを利用するには、まずCSSをコピーします。 すると、以下のようなコードがクリップボードに貼り付けられるので、CSSファイルなどに貼り付けます。 .heart.icon { color: #000; position: absolute; margin-top: 6px; m
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
図解でうまく伝わるデザインを！参考にしたいすごい無料アイコン素材まとめ
ほんの少しのイラストだけで、メッセージや情報をを伝えことができるアイコン。使いやすいデザインをいくつかストックしておくと、どんなプロジェクトにもいつでも活用でき便利です。 無料でダウンロードでき、デザイン制作に活かすことができるフリーアイコン素材をまとめてご紹介します。最近のアイコン素材は、Illustrator で編集可能なAi や EPS ファイルを収録していることも多く、自由に配色やサイズを編集することができます。また、ウェブサイトでの利用が増えている SVG ファイルも揃っているので、コーディング作業にもすぐに利用することができるでしょう。 詳細は以下から。 図解でうまく伝わるデザインを！参考用すごい無料アイコンまとめ Olympics Sports Icon Set EPS, PDF, PNG, SVG オリンピック4o種目に加え、メタルや聖火トーチ、優勝カップが揃ったまさにいま
ネットワーク機器の美しいフリーアイコン素材を使おう！:Geekなぺーじ
ルータやスイッチなどによるネットワーク図を描くときのために、美しいフリーアイコン素材があります。 2014年のInterop Tokyoで使われたものがフリー素材として公開されたものですが、一部界隈では既に多く利用されています(以下、「ShowNetアイコン」と呼びます)。 ShowNetアイコンは、2014年のInterop Tokyoページからダウンロード可能です。 2001年からいままで毎年ネットワークトポロジ図を作成されている河口さんによる、図作成に向ける熱い想いを綴ったブログが公開されていますが、その5ページ目に「One more thing...」として、ShowNetアイコン配布先リンクが示されています。 図面とともにあらんことを！：第二面 ネットワークのゲンバ -ShowNetを支えるメンバーたちの奮闘ブログ- そのままでも利用できますが、ShowNetアイコン利用上の注意
無料で商用利用可能でクレジット表示も不要なアイコンをまとめた「IconStore」
ウェブサイトやパンフレット、資料などを作っている時に無料アイコンは便利ですが、クレジットの表示が必要など、制限があることも。「IconStore」に登録されているアイコンは無料の上に商用利用も可能で、クレジットの表示も不要とかなり使い勝手がよく、映画スター・ウォーズっぽいものから、SNSアイコン集、海がテーマのアイコン集、ゲームっぽいアイコンまとめなど、種類も多岐にわたっています。 Free icons by first-class designers - IconStore https://iconstore.co/ IconStoreはこんな感じでアイコンがずらりと並んでおり、スクロールしながらさまざまなアイコンを見ることができます。 スクロールしていくと画面下部に現れる3点リーダのアイコンを押すことで、さらなるアイコンたちを見ていくことが可能です。 なお、それぞれのアイコン画像は右下
学校や教育、文房具や実験器具など、600種類のアイテムが揃ったアイコン素材（コリス限定） -Education Icons
freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在38,000個以上のアイコンが登録されています。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す freepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初！今回はその第4弾です。 第1弾：コリスのビジターのアンケートを元にしたアイコン150種類 第2弾：1,400種類の汎用的に利用できるアイコンセット 第3弾：プレゼンや企画書で使える！インフォグラフィック用のベクター素材 ダウンロードできるアイコン素材のフォーマットは、ベクター完備！ .svg .ai .e
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
無料でハイクオリティなアイコンやデザインの素材が手に入るサイト「IconDeposit」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
無料でアイコン・グラフィック素材などをダウンロードできる「Icon Deposit」
オシャレなアイコンを使うと味気なかったスクリーンが急に華やぎますが、アイコンや背景素材などのグラフィック素材が無料で使用できるサイトが「Icon Deposit」です。新着順の他、人気順に並べ替えることができ、自分好みのスタイリッシュな素材を見つけてダウンロードすることが可能。また、アカウントを登録して自分の作った素材を公開することもできます。 Welcome to the Icon Deposit どのような素材がダウンロードできるかというと、以下がその一例です。 ◆01．Micro Icon Set 16×16のPSDファイルアイコンが110個入ったアイコンセット。販売、再配布は不可ですが、個人利用は可能です。 ダウンロードする際はページ右上の「Download This！」をクリックします。 ◆02．Shiny Social Icons (PSD) こちらは商用利用可能。PSDファイ
全133種類ちょっとレアなのもある、16x16のミニサイズのアイコン素材 -Small Ui Icons
アロー、検索、ホーム、メール、ソーシャルメディアなど、ウェブサイト・アプリケーション用のさまざまな種類が揃ったミニサイズのアイコン素材を紹介します。 メガネとかヘッドフォンとかハンガーとか、ちょっと変わったものもあります。
アイコン作りに特化したチュートリアルの数々！とにかく真似まくった先にオリジナルを作る意識！ | バンクーバーのうぇぶ屋
世の中にあるチュートリアル見まくって、沢山の技術や表現力を得て自分自身のオリジナルへと昇華させようぜ！的な記事を以前書かせて頂いたのですが、この記事を友人にもみてもらい、感想もらったりした結果、中々具体的な作る目的が無いと、チュートリアルとか出さないのが正直な所なのかもしれませんね。「これ、作るぞ！」みたいなやる気というかそういうの。 しかし、色々な人の話しを聞いている中で、以前のチュートリアル記事の中で、アイコンを作るチュートリアルに関して多くの人からコメントを頂きました。「おぉ、アイコンつくるチュートリアルすかー」みたいな。んで、もしかしたら、アイコンという誰しも一度は作ってみようと思う物を通したチュートリアルであれば、結構楽しくスキルアップできるんじゃないかと思った訳です！ アイコンであれば色々なところで必要になるし、ミニマルだろうが、ポータルだろうが、コーポレートだろうが、ECだろ
商用利用も無料、全110種類のミニサイズのアイコンのPSD素材 -Micro Icon Set
Micro Icon Set [ad#ad-2] アイコンは全部で110種類あり、ウェブサイトやウェブアプリケーションなどに利用できるデザインのものが揃っています。 アイコン全110種のキャプチャ [ad#ad-2] ダウンロードできる素材のフォーマットはPSDで、アイコンはそれぞれシェイプになっているため、サイズやカラーを変更して利用できます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルなデザインで使いやすい！商用でも無料で利用できるSVGのアイコン素材 -Feather
「はてな」「LINE（ライン）」など、SVGのフリーアイコンを作っていただいたのでシェアします
ログイン - はてな
商用利用も無料！トラベル・旅行関係のかわいいアイコン素材 -Free Travel Icon Pack
汎用性に優れた拡大縮小も可能なシンプルなデザインのお天気アイコン素材