これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
無料で使える！ Notion用のおしゃれでシンプルなアイコン素材サイトをまとめました
Notion用のおしゃれでシンプルなアイコン素材を紹介します。 私はデフォルトの絵文字を使用していましたが、シンプルで統一感のあるアイコンに変更すると分かりやすくなり、Notionを使用するのがより快適になりました。 アイコンをNotionで利用するのは簡単で、スマホならタップしてコピペ、デスクトップならクリックでコピペするだけです。 Notionでアイコンの変更方法 Notion用のおしゃれでシンプルなアイコン素材サイト Notionでアイコンの変更方法 Notionでアイコンを変更するのは、簡単です。 アイコンをタップ・クリックし、「絵文字」から選択したり、「画像アップロード」でアイコンを指定したり、「リンク」にアイコンのURLを入力します。 Notionでアイコンの変更方法 この記事で紹介しているサイトのアイコンを利用する場合は、上記の「リンク」にアイコンのURLをコピペするだけです
現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント
この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。 WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。 アイコンは、コマンドやコンテンツを視覚的にあらわし、背後にある意味合いを伝える言語と言えます。ユーザーがすぐに理解、認識できるようにシンプルで効果的なビジュアル、メタファーを表現する必要があります。 現役デザイナー直伝、アイコンデザインがもっと良くなる８個のヒント ヒント１ – グリッドを設定しよう アイコンはひとつだけ作るのではなく、ほとんどの場合はセットでデザインすることになります。アイコンセットの統一感を持たせるにはグリッドが必要となります。 以下サンプル例のようにセーフゾーンを決め、キーラインを設定しましょう。アイコンのまわりには、少しの余白スペース（Bo
商用利用無料！UIデザインに適した、シンプルで使い勝手がよいSVG完備のアイコン素材 -Iconic
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが無料で利用できるIconicを紹介します。 アロー・ホーム、サーチ・ショッピングカート・バッグ・スター・メールなど、UIデザインでよく使用されるアイコンが揃っており、フォーマットはSVGで利用できます。また、Vue, Reactのコンポーネントとしても利用できます。 Iconic Iconic -GitHub Iconicアイコンの特徴 Iconicアイコンの使い方 Iconicアイコンの種類 Iconicアイコンの特徴 Iconicは24pxのグリッドでデザインされたSVGフォーマットのアイコンです。160種類のアイコンが揃っており、今後もアップデートで増やしていくとのことです。 Iconic アイコンは26のカテゴリに、全160種類。 24pxグリッドに基づくピクセルパーフェクトなデザイン。
商用利用無料！スマホなどのUIデザインに最適、極小サイズでくっきりと鮮明に見えるSVGアイコン -Radix Icons
商用のプロジェクトでも無料で利用できる、スマホなどの小さなスクリーンに適した極小サイズでくっきりと鮮明に見えるSVGアイコンを紹介します。 SVGなので、もちろん大きいサイズでも美しく表示され、カラーの変更も簡単。しかもオープンソースなのは、嬉しいですね。 Radix Icons Radix Icons -GitHub Radix Iconsの特徴 Radix Iconsのダウンロード Radix Iconsの使い方 Radix Iconsの特徴 Radix Iconsはスマホなどの非常に小さいスペースでも視認性を損なわずに使用できるようデザインされたSVGアイコンで、極小サイズ（15x15）でもくっきりと鮮明に見えるようにデザインされています。 MITライセンスで、商用プロジェクトでも無料で利用できます。
さまざまなタイプのSVGの背景を手軽に作れるWebアプリ・「BGJar」
BGJarはさまざまなタイプのSVGの背景を手軽に作れるWebアプリです。既に用意されている雛型を元に好みの形にカスタマイズしてコードをコピーしたりDL出来る、というもの。 シンプルなものやアニメーションするもの、波のような形状など、どこかで見たことがあるような背景を直感的な操作で作成する事が出来ます。 編集できる要素はサイズ、背景やオブジェクトの色やグラデーションなど。オブジェクトの編集等は雛型によるみたいです。 配布されるコードのライセンスはCC BY 4.0との事なのでクレジット表記すれば商用でも利用可能にはなっています。 BGJar
無料＆商用利用可能なシンプルで使いやすいイラスト素材をサクッとダウンロードできる「Loose Drawing」
イラストレーターのCali Boyaさんとデザイナーのsenさんが制作するイラスト素材をまとめたサイトが「Loose Drawing」です。汎用性の高いものから時事ネタまで、シンプルなタッチのイラストが多数用意されており、すべて無料でダウンロード可能で、商用利用もOKです。 Loose Drawing https://loosedrawing.com/ Loose Drawingにアクセスすると、以下のようにずらっとイラストが並んでいます。試しに「空を飛ぶ鳥のイラスト」をクリック。 シンプルなタッチで描かれたイラストは、赤・緑・青・黄・黒・線画のみから色を選ぶことができます。好きな色を選択して「Download」をクリックすれば、32bit・PNG形式でイラストをダウンロードできます。なお、イメージサイズは800×800ピクセルで、背景は透過済みです。 イラストはキーワード検索のほか、カテ
Teenyicons — Tiny minimal 1px icons
Designed in South Africa. Developed in Morocco. Released under the MIT license.
Gallery - 軽量、レスポンシブなWeb写真ギャラリー MOONGIFT
写真をWebサイト上で並べて閲覧できるようにすることはよくあります。その際問題になるのが、各種Webブラウザ（スマートフォンなど含む）への対応や、サイズの異なる写真を綺麗に並べることです。 そこで使ってみたいのがGalleryです。JavaScript製の軽量なギャラリーソフトウェアです。 Galleryの使い方 一覧です。縦、横など様々な形の写真でもタイル状に表示されます。 クリックで写真を拡大表示します。Escキーなどで一覧に戻ります。 実際に動かしているところです。 Galleryを使うことで、サイズの異なる多数の写真をタイル状に並べて閲覧できます。レスポンシブに対応しており、パフォーマンスも考慮されています。外部ライブラリへの依存もないので、様々なプロジェクトで使えるでしょう。 GalleryはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 G
無料＆商用利用可能、色指定してシンプルかつ使いやすいイラストをダウンロードできる素材サイト「unDraw」を使ってみた
資料作成などでちょっとした挿絵がほしい時に、「いらすとや」のようなかわいいフリー素材のイラストを使う人も多くなっていますが「もっとシンプルで使いやすいフリー素材がほしい！」という人も多いはず。そんな人のために「unDraw」では、無料で商用利用可能のシンプルなイラストをダウンロードすることができます。 unDraw https://undraw.co/ イラストをダウンロードするには、上記のURLにアクセスして「Browse now」をクリック。 unDrawのイラストは全部で500種類以上あるとのこと。デフォルトでは全体的に青がメインのイラストになっています。 サイトの右上にある赤枠部分をクリックすると、イラストの一部の色を変更することができます。 たとえば、左側に並んだ色から好みの色を選択して「choose」をクリックすると…… 以下の画像のように、黄色をアクセントカラーにしたイラスト
Painterro - Webブラウザで簡易画像編集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像のちょっとした加工でPhotoshopを立ち上げたり、専門のソフトウェアを購入したりするのは嫌だと思っている方は多いはず。最近では些細な修正であればWebベースでも行えるようになっています。 今回紹介するPainterroはWebベースの画像編集ソフトウェアです。スクリーンショットにちょっとした注記を入れる程度であれば十分こなせます。 Painterroの使い方 メイン画面です。 画像を開きました。 四角を描いたり、矢印を付けたりできます。 リサイズやスケール変更もできます。 切り抜いた場合です。 Painterroはレイヤーはサポートしておらず、ごく簡単な加工を行うのみとなっています。しかし、これくらいで十分というケースは多いのではないでしょうか。自社サービスに画像編集機能を
無料で使いやすい！極上の最新フリーアイコン素材40選
この記事では、無料ダウンロードができて高品質なフリーアイコン素材を厳選してご紹介します。デザインコレクションに加えておくと、ウェブサイトやアプリの制作はもちろん、プレゼン資料やスライド作成、ブログ運営など何かと重宝するものばかりです。 無料で使いやすい！極上の最新フリーアイコン素材まとめ Motion Icons SVGアイコンにアニメーションを加えたデジアン素材で、無料版では12種類のモーションアイコンが実際のHTMLサンプルと一緒に同梱されています。 8000+ Essential Icon Pack 一度アプリをインストールしてしまえば、8000を超える商用ライセンス付きのアイコン素材から探すことができ、PhotoshopやIllustrator、Sketchといったデザインアプリに、ドラッグ＆ドロップでアイコンを追加できます。WindowsとMacどちらにも対応。 Pure Sug
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる3,000種類のシンプルなアイコン素材
商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。 一度にすべてのアイテムがダウンロードできるので、備えておくと便利だと思います。 Material Icons Library ラインセスはApache License Version 2.0で、個人でも商用でも無料で利用できます。 アイコンはMaterial Designを踏襲しており、全部で1,000種類のアイテムが揃っています。スタイルは角丸・アウトライン、ツートーンの3種類。合計すると、3,000種類以上になります。 アイコンの特徴 フォーマットは、Photoshop, Adobe XD, Sketch, Figma, inVision
商用可で無料！シンプルで使いやすい1000＋個のフリーアイコンをダウンロードできる Unicons
ウェブ制作はもちろん、ブログ運営や資料・スライド作成まで、なにかと重宝するアイコン素材。今回は、1000個以上のフリーアイコン素材を自由に無料ダウンロード、商用利用できる Uniconsをご紹介します。 ブックマークしておくと、デザイン制作が捗るシンプルで、使いやすいデザインが特長となっています。 シンプルで使いやすい！商用可1000+個のフリーアイコンを揃えた Unicons Unicons は、デザイン制作で便利な、シンプルで使い勝手の良いベクターアイコン素材を、無料ダウンロード＆商用利用できるウェブサービスです。 使い方はとても簡単で、カテゴリ分けされたコレクションの中から、お好みのデザインを選択し、クリックするだけ。 ウェブサイトやブログなどで複数のアイコンを利用したいときは、以下のスタイルシートを読み込み、アイコン用マークアップを追加しましょう。CDNリンクをコピーすれば、直接表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
任意のSVGに自由に色付け出来るシンプルなデスクトップアプリ・「SVG Splash」
シンプルで汎用的な、オープンソースで提供される300以上のSVGアイコンセット・「Tabler Icons」
シンプルな線画イラスト素材は「Linustock」- 無料ダウンロード