shields.ioを使って技術系アイコンを量産した - Qiita
概要 shields.ioを用いて技術系アイコンを量産しました。 とりあえず完成したのがこちらです。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ これでスキルマップを作ってみたらいい感じになりました。 追記: ジェネレータを作ってみました。 (2019/07/13) https://t.co/6Xv6XIuzRm で技術系アイコンを作るジェネレータを作りました。 デモはここに置いてます。https://t.co/Xua8v7WEwi pic.twitter.com/SYzZY6lejb — s-yoshiki | スクリプトカス 👀 (@s_yoshiki_dev) 2019年7月13日 shields.ioについて https://shields.io/ GitHubのREADMEでよく見かけるアレです。 shields.ioはSVG形式のバッジサービスです。 カスタムバッジを作る 特徴的な機能の
【AWS新アイコン改訂版】まとめてみた
AWSより、新アイコンの改訂が2月7日に行われました。以前のアイコンから仕様がどう変化したのかを、紹介していきたいと思います。 新アイコン・新アイコン改訂版は、ともに、ここからダウンロードできます。 新アイコン改訂版の特徴 2018年10月に、AWS新アイコンが発表されました。しかし2019年2月に改訂版が発表されました。 改訂版アイコンと以前の新アイコンとの違いは主に4点あります。 それぞれ、見ていきましょう。 1. アイコンを2パターン用意 改訂版では、アイコンをダーク背景で使う場合と、ライト背景で使用する場合の2パターンが用意されています。新アイコンは、モノクロのアイコンしかなかったため、利用する際には背景を気にする必要がありました。しかし、改訂版のおかげで背景の色を気にすることなくAWSアイコンを利用することができるようになりました。 新アイコン 新アイコン改訂版（ダーク背景用）
1年後に差がつくFont Awesome5 ～フロントエンド開発(ES6,Webpack4,Babel7)への導入～ - Qiita
1年後に差がつくFont Awesome5 ～フロントエンド開発(ES6,Webpack4,Babel7)への導入～JavaScriptes6FontAwesomewebpackbabel 概要 Font Awesome(フォントオーサム)はFreeで使えるアイコン集で、このジャンルでほぼデファクトといって良い存在になっています。Free版とPro版がありますがFree版でも約1500種類のアイコンが使えます。 本稿では、node.js環境での開発を前提としたWebフロントエンド開発で Font Awesome5 を使う時のポイントを説明します。Font Awesomeはv5になってフロントエンド開発との連携機能が大幅強化され、お手軽にJavaScriptのバンドルにフォントを埋め込むことができます。 Font Awesomeのアイコンを使う（バンドルする）には以下の3ステップを踏みます。
AWS新アイコンについて
ハリーです。 2018/10/9に、AWSより新しいアイコンが発表されました! これまでのアイコンとガラッと変わりフラットデザインとなり、利用ルールが明確に定義されました！それらについてまとめていきます。 AWSからの発表 主な変更ポイント 1.アイコンのデザイン 2.アイコンの総称を「AWS Architecture Icons」で統一 3.アイコンの種類が増加 AWS Architecture Icons AWS アーキテクチャアイコンについて 今後、AWSの構成図の作成や開発、プレゼン資料の作成時にはこの新しいアイコンを使いましょう。 ダイアグラムの作成方法 全体の構成からまずは始める：構成図やアイコンを表示する背景の色の確認はしっかりと アイコンを足していく：必要なAWSアーキテクチャアイコンを追加する その他の要素を追加：コンテキストやイラストなど、他の要素が必要であれば追加する
AWS Architecture Icons、新しいAWS製品アイコンがリリースされました ｜ DevelopersIO
はじめに AWSチームのすずきです。 AWS構成図の作成に便利なAWSシンプルアイコンが、装いも新たに AWS Architecture Icons としてリリースされました。 従来のAWSシンプルアイコン(2017版)との違いを確認する機会がありましたので、紹介させていただきます。 公式ページ AWS Architecture Icons ダウンロードリンク PowerPoint 用 AWS アーキテクチャアイコン AWS-Architecture-Icons-Deck_20181009.pptx AWS_Simple_Icons_PPT_v17.1.19.zip 比較 AWS Architecture Icons のページ別に、2017年のAWSシンプルアイコンとの差異を確認してみました。 Analytics Glueと、Kinesis Video Streamsのアイコンが追加されま
パワポ資料をぐっと魅力的にしてくれる「アイコン」を無料でゲットしよう！ - グローバル経営の極北
最近資料デザインを「現代的」にしたいなと思っていて、フラットデザインのテンプレートを購入して研究したりしてます。そこで重要となるのが「アイコン」で、うまく使うだけで資料がぐっと見やすくなります。いろいろとググってみると良いものがたくさんあるので、今回はそれをご紹介。 まずはこちら。 Googleが提供していてそのサービスでよく使われているMaterial Icon 942種類をパワポですぐ使えるようにコンバートしてくれています。たくさんのカテゴリーごとに網羅的にアイコンが揃っているのですごく使えそうです。さっそくダウンロードしました。 また、同じ方がFont Awesomeのアイコン369種類を同様にパワポ向けにコンバートしてくれています。 親しみやすいデザインが多いので、さまざまなタイプのパワポ資料に活用できそうです。いいですね。 次はこちら。 これは海外のデザインスタジオが作成している
設計時に使えるAzure／AWSサービス・アイコン集とダウンロード方法［PR］
クラウド上のシステムやサービスを設計する際には、視覚的に分かりやすいアイコンを使おう。アイコンセットのダウンロード方法を示し、各アイコンを用いてAzure／AWSサービスの対応一覧表をまとめる。 ← 前回 連載 INDEX 次回 → AzureやAWSなどのクラウドプラットフォームを使ったシステム／サービスを企画・設計し、それを共有・議論する場合、例えば以下のようなシステム構成図を作ることが多いだろう。この際、もちろんテキスト文字列を書けばそれだけでも意味は伝わるのだが、Azure／AWSのどのサービスを組み合わせるのかをぱっと見てイメージできるよう、アイコンを使った方が伝わりやすい。できれば、公式のアイコンセットを使った方がより良い。 そこで本稿ではそのダウンロード方法と、AzureのサービスをAWSの事例パターンと対比して使いたい人に向けて、両者のサービスアイコンの対応表を示す。 サー
Free Download: 60+ Travel Icons by Icons8 | Webdesigner Depot
Who doesn’t love to travel? Whether it’s the charms of a Paris café, or the heights of Machu Picchu, we all love getting away from the daily norm. So we’re delighted to be able to bring you this awesome set of 60+ travel icons designed by Icons8. This set is sure to traverse any language barrier, featuring as it does, some of the most iconic sights, and sites, from around the globe. You’ll find a
マイクロソフト関連のプレゼン用アイコンセット - BEACHSIDE BLOG
使いたいときに探すのめんどうだったりするので、メモしておこーと... Microsoft Azure, Cloud and Enterprise Symbol / Icon Set - Visio stencil, PowerPoint, PNG （v2.23 Date Published 10/22/2015） Download Microsoft Azure, Cloud and Enterprise Symbol / Icon Set - Visio stencil, PowerPoint, PNG from Official Microsoft Download Center Microsoft Integration Stencils Pack for Visio 2016/2013 （Last update: June, 13 2016） gallery.technet.mic
これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！ | フューチャー技術ブログ
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！ こんにちは。@chanomaruです。 みなさん、スライドを作ってますか？ 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね？ ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します！ アイコンセット含まれているア
ネットワーク図を作る時に便利なアイコン集のまとめ(2016年度版)
以前「ネットワーク図を作る時に便利なアイコン集のまとめ(2013年度版) 」という記事をエントリしたのですが、それから時間が経過したので2016年度版を作ってみました。 ※ 2020年 12月05日 「Kubernetesのアイコン集」と「ヤマハネットワーク機器のアイコン集」を追加、その他のリンク集に「資料で使う技術/プロダクトロゴのリンク集 – Qiita」を追加いたしました。 ※ 2018年 11月28日 Alibaba Cloud iconsを追加いたしました。 ※ 2017年 12月22日 ニフクラ アイコン＆シンボルを追加いたしました。 ※ 2017年11月18日 cocha-iconsを追加いたしました。 ※ 2017年8月27日セキュリティアイコン/Security icons – Security along DesigNを追加いたしました。 ※ 2016年12月26日 「
Segoe MDL2 Assets - Cheatsheet
Show Legacy and Duplicates (...) | Show Chinese/Japanese Symbols (...) | / | Tweet Loading... How to Use in XAML The easiest way to use the Segoe MDL2 (Microsoft Design Language 2.0) Assets font is with the TextBlock element. <TextBlock Text="" FontFamily="Segoe MDL2 Assets" AutomationProperties.Name="Favorite" /> Some icons are broken into multiple icons and can be overlapped.
ICO Converter
ICO converter is a simple online .ico image converter. It will take any image and convert it to ICO file, for web site favicon or Windows applications. Image file PNG, JPEG, GIF, BMP, etc. must be less than 4 Mb. Square aspect ratio recommendend. Sizes A single ICO file can store multiple resolutions. 16 pixels 32 pixels 48 pixels 64 pixels 128 pixels 256 pixels (only works with 32 bits)
レスポンシブサイズの100アイコンセット:phpspot開発日誌
100 Responsive Line Icons - download free icons by PixelBuddha レスポンシブサイズの100アイコンセット。 ピクトグラムアイコンはサイズ拡大による劣化はありませんが、拡大すると当然ながら線が太くなって、大味なものになってしまうのは否定出来ません。 こちらのアイコンは３セットそれぞれ独自にデザインされており、汎用的なものも多く、サイズが大きくなってしまっても細いラインで細かく美しいアイコンが使えます。 こうしたアイコンは始めてみましたが、こうした考え方がどんどん広まっていくのかもしれません。 関連エントリ 195のフラットデザインの国旗アイコンセット ポップなデザインが印象のアイコンフォント「Prestashop Official Icon Pack」 306種類のスマホアプリアイコンセット「subway」
アイコン探しの手間を最小化できる「We Love SVG」:phpspot開発日誌
We Love SVG - Google Fonts for icons | Icons8 アイコン探しの手間を最小化できる「We Love SVG」 豊富なアイコンセットがWEB上で多数収録されており、更にそれらを一元的に使うためのjQueryプラグインも配布。 WEB上で好みのアイコンを選んでクリックすれば実装用のコードが出るのであとはサイトに貼り付けるだけで簡単にアイコン挿入が出来ます。 ライブラリを使わない場合も、知らなかったようなアイコンセットの発見もできます。 関連エントリ 195のフラットデザインの国旗アイコンセット 汎用iOS8用アプリアイコン30個セット「Jellycons iOS 8 App Icon Set」 306種類のスマホアプリアイコンセット「subway」 ポップなデザインが印象のアイコンフォント「Prestashop Official Icon Pack」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webクリエイター ボックス on Twitter: "アイコン：旅行関連のデザインに使える無料アイコン30。商用利用OK https://t.co/mkyByNWhgm"
simazeal on Twitter: "定期的にウォッチしないとね。アイコン古いと資料として寂しいからね。 https://t.co/K8oAvjIwLm"
ビタワン☃️冬ｺﾐ(土)西あ-56a on Twitter: "「社畜ちゃんTwitterアイコン」配布中です！ ご自由にお使い下さい！！٩( 'ω' )و ↓DLはコチラから↓ https://t.co/TyhFFVex4e https://t.co/9VuPksUwpI"
Icons | Font Awesome
オープンソースの国旗アイコン集・「FlagKit」
