RPG-Awesome
Requesting Icons Have an idea for a new fantasy based icon? We'd love to hear it! New icons for future releases will mostly be based on the RPG-Awesome community on Github. Please keep these few things in mind when requesting an icon. Please be nice, and please write in proper english. Please search to see if your icon request already exists. If someone else has already requested your icon idea, +
SVGファイルの特徴と作成・変換する方法
SVGファイルは拡大や縮小に強いベクター形式の画像で、近年公式サイト等でも使用されるようになってきたファイル形式です。レスポンシブデザインと相性の良い便利なSVGファイルの魅力と、作成する方法、他の形式から変換する方法をこの記事ではご紹介します。 SVGとは？ ほか画像形式との違い SVG画像とは？ SVGはScalable Vector Graphicsの略で、W3Cによって2001年9月に勧告された技術です。サポートされているブラウザやアプリケーションが少なかったことから、普及に伸び悩みました。しかし、最近は対応ブラウザ・アプリケーションが増え、2016年1月にSVG形式に対応していなかったIE8のサポートは終了したことから、ますますSVGが使いやすい状態となってきました。 拡大・縮小に強いベクター画像 SVGはGIF・JPEG・PNGとは異なり、ベクター画像のため、画像を拡大・縮小し
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;
ピクトグラムアイコン無料配布サイトThe Noun Project - 浜村拓夫（・∀・）作品集
ピクトグラムのデータを無料配布している「The Noun Project」というサイトがありました。 thenounproject.com （via 「たのしいインフォグラフィック入門」 p.50） ●パブリックドメインのピクトグラム パブリックドメイン扱いになているピクトグラムを探す際は、「The Noun Project」（http://thenounproject.com）を訪問するとよいでしょう。汎用的なものから、利用が限定的なものまで、たくさんのピクトグラムが集められています、うまくいけば、あえて新しいピクトグラムを制作しなくても、イメージ通りのピクトグラムが見つかるかもしれません。 たのしいインフォグラフィック入門 作者: 櫻田潤 出版社/メーカー: ビー・エヌ・エヌ新社 発売日: 2013/05/27 メディア: ペーパーバック この商品を含むブログ (6件) を見る ・計6
6つの簡単なステップで改善するアイコンデザイン | POSTD
私がIconfinderに投稿されたアイコンを検討する時には、デザイナーと顧客に対して、サイトで提供する全てのプレミアムアイコンが最高の品質であるようにする責任を負っています。ですが、「あまり良くない出来」と「プレミアムの出来」の違いはわずかである場合も多く、大体は最小限の変更で済むような差です。この記事では、私のデザインガイドラインを「 アイコンデザインを改善するための6つの簡単なステップ 」としてまとめてみました。これらのステップは適切なアイコンデザインの基礎を示していますが、独断的なルール集ではなくガイドとお考えください。聡明なデザイナーは、どんな状況であれば最大の効果を得るためにこのルールを破ってもよいか、判断できるのです。 以下でご紹介する見本の画像では、Kem BardlyというIconfinderユーザが最近投稿した犬（正確にはコーギー）のアイコンを改訂していきます。このアイ
Webサイト制作に使えるおしゃれな無料アイコンサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 Webサイト制作をする上で欠かせないアイコン素材。デザイン性にこだわりたくても、「一からデザインしている時間がない！」という方もいますよね。 そこで今回は、数あるアイコン素材の中から、デザイン性に優れたおしゃれな無料アイコンを厳選してご紹介します。 線で構成されたライン系アイコンやシンプルなフラットデザイン、手書き風のアイコンなどをテーマ別に紹介しているので、これから制作するWebサイトの雰囲気に合わせてご活用ください。 なお、今回は基本的にロイヤリティフリーで使用できるものを集めましたが、ご利用になる際は各配布先にて利用許諾範囲を必ずご確認ください。 ※この記事は、2015年に公開されたものを最新情報を踏まえて編集部で再編成しました。 シンプル・フラットなデザインがおしゃれな無料のラインアイコン Streamline https://www.stre
フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」
TOP > Design > フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」 非常に便利なツール・アイコン。さまざまな種類が配付されており、いろいろな種類を集めている方も多いのではないでしょうか？そんな中今回紹介するのは、フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」です。 Line icon set on Behance 定番タイプから、個性的なテーマで展開されたものまで、いろんな種類のアイコンが紹介されています。 詳しくは以下 Dribbble – Free Space Icons by Justas Galaburda 宇宙をテーマにしたアイコン。ポップなテイストが特徴ですね。可愛らしいデザインに合わせればより魅力的な作品
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material icons - Material Design
AMPロゴマークのアイコンフォントを作るためにSVGを作成
Noun Project: Free Icons & Stock Photos for Everything
12 Incredible Resources for Downloading Icon Packs
Material Design