はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ アイコンセット

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 105件)

Python コードでアーキテクチャ図を生成できる Diagrams がめっちゃ便利! - kakakakakku blog

2022/07/12 このエントリーをはてなブックマークに追加 216 users Instapaper Pocket Tweet Facebook Share Evernote Clip Diagrams Kubernetes AWS Python

「Diagrams」を使うと Python コードでアーキテクチャ図を生成できる.サポートされているアイコンセットがとても多く AWS や Google Cloud や Microsoft Azure もあれば,Kubernetes やプログラミング言語なども使える.試してみたけどめちゃくちゃ便利!まさに Diagram as Code だ✌️ diagrams.mingrammer.com セットア... 続きを読む

Ubieで利用しているアイコンをnpmパッケージとして公開しました!

2022/02/08 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip npm Ubie npmパッケージ デザ アイコン

こんにちは、Ubie株式会社でデザインエンジニアをやっているtakanoripです。 この度Ubieのプロダクトで利用しているアイコンのReact版 @ubie/ubie-icons をnpmに公開しました! 今回はその背景や実装方法などを紹介します。 自社でアイコンを作った背景 このアイコンセットが作られる前は、必要になったタイミングでデザ... 続きを読む

1000万円超を6日で稼いだiPhone用アイコンセット制作者が語る「成功の秘密」とは? - GIGAZINE

2020/10/01 このエントリーをはてなブックマークに追加 32 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE iPhone クリエイター カスタマイズ

iOS 14が2020年9月にリリースされ、iPhoneでホーム画面のカスタマイズが可能になりました。このiPhoneにカスタマイズできるアイコンセットを6日間で3626セット売り上げ、合計10万1528ドル(約1071万円)を得たクリエイターのTraf氏は「一時の成功のように見えますが、本当は何年もかかりました。約7年です」と述べ、成功ま... 続きを読む

食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」 | DesignDevelop

2018/08/26 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop food パステル調 アイコン

素材として使用するアイコンは、ほしいときにほしいものがすぐ取り出せるように、できるだけ多くの種類をストックしておきたいもの。そんな中今回紹介するのは、食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」です。 ポップで明るい印象の、パステル調のカラーリングで統一されたフードやドリンクの... 続きを読む

アナログゲームのイメージをデザインに ピクセルアイコンセット「Mario Pixel Icon Collection」 | DesignDevelop

2018/02/19 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop オブジェクト DESIGN 世界

TOP   >   Design   >  アナログゲームのイメージをデザインに ピクセルアイコンセット「Mario Pixel Icon Collection」 アナログな雰囲気を演出するには、手描き文字やイラスト、かすれた色合いのオブジェクトなどが使用されることが多いですが、今回紹介するのは、まるでアナログゲームの世界を再現したかのようなアイコンセット「Mario Pixel Icon Col... 続きを読む

CSSとSVGで作るアイコンセット「Let’s Make Multi-colored Icons」 | DesignDevelop

2018/02/17 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop SVG Illustrator

Webサイト内でよく見かけるアイコンですが、みなさんはどのように制作しているでしょうか。IllustratorやPhotoshopを使い、JPEGやPNG形式で保存している方も多いかと思いますが、今回紹介するのは、CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」です。 SVGのメリットを活用したアイコンの生成方法が分かりやすく解説されています。 詳... 続きを読む

draw.ioでAWSのインフラ構成図を書く - Qiita

2017/11/13 このエントリーをはてなブックマークに追加 73 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita GitHub GoogleDrive AWS 連携

このドキュメントについて いつも自分がAWSインフラ構成図を書くときに使っているツールの紹介 利用ツール https://www.draw.io/ オンラインで作図できる AWS作図用のアイコンセットがある 無料で使える 保存先が色々選べる ローカル保存の他にGitHubやGoogleDriveなどにも連携可能 必要最低限の画像出力 PNG,PDF なぜこのツールなのか AWSの公式ページではPo... 続きを読む

無料で使えるオープンソースの200種類以上あるSVG形式アイコンセット「Clarity Icons」 - GIGAZINE

2017/08/28 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE icons Clarity オープンソース

200種類以上もある美しい SVG 形式のアイコンをまとめたアイコンセット「 Clarity Icons 」が、オープンソースのデザインシステム Clarity Design System 上で公開されています。 Clarity Design System https://vmware.github.io/clarity/icons/icon-sets#core-shapes 「Clarity I... 続きを読む

無料で商用利用も可能なシンプルなデザインのアイコンセット「Feather」 - GIGAZINE

2017/08/28 このエントリーをはてなブックマークに追加 37 users Instapaper Pocket Tweet Facebook Share Evernote Clip Feather GIGAZINE 矢印 記号 警告

シンプルな線だけで矢印や円といった基本的な記号からSNSのロゴ、「カメラ禁止」「アラーム禁止」といった警告を意味するアイコンなど、多種多様な「 Feather 」が、誰でも無料でダウンロードできるようになっています。 オープンソースとなっており 、商用利用も可能です。 Feather – Simply beautiful open source icons https://feathericons... 続きを読む

Twitterの新UIで使用されているような、丸みがあって可愛いシンプルタイプのアイコンセット 10+ | NxWorld

2017/07/04 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter NxWorld 丸み ご存じ アイコン

ご存じの方も多いように少し前にTwitterのデザインがリニューアルされ、大きな特徴のひとつとして入力欄・ボタン・アイコンなど全体的に丸みを帯びた印象のデザインになりました。全く同じものでなければTwitterのアイコンに比べると丸みが少なめなものもありますが、同じようなアイコンを使いたいときに利用させてもらえそうな、丸みがあって可愛いシンプルタイプのアイコンセットを集めてみました。 ※以下で紹介... 続きを読む

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #15 | NxWorld

2017/06/13 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld デザインアイコン 珍しいタイプ 汎用性

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。 続きを読む

これさえあればシステム構成図がだいたい描けるアイコンセットを公開します! | Tech Blog - Future Architect

2016/07/22 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビジネスパーソン プレゼンテーション スライド エンジニア

こんにちは。 @chanomaru です。 みなさん、スライドを作ってますか? 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし... 続きを読む

これさえあればシステム構成図がだいたい描けるアイコンセットを公開します! | Tech Blog - Future Architect

2016/07/22 このエントリーをはてなブックマークに追加 1372 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビジネスパーソン プレゼンテーション スライド エンジニア

こんにちは。 @chanomaru です。 みなさん、スライドを作ってますか? 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし... 続きを読む

システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 - さくらのナレッジ

2016/04/27 このエントリーをはてなブックマークに追加 933 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナレッジ ストレージ サーバ インフラ プレゼンテーション資料

システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 「さくらのアイコンセット」とは? 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用い... 続きを読む

IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも - Publickey

2016/01/28 このエントリーをはてなブックマークに追加 478 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey IoT IoTデバイス向け ソラコム 部品

IoTデバイス向けの通信サービスをクラウドで提供するソラコムは、IoTデバイス群やドローン、SIMなどの最近のIoT関連デバイスから、基地局、交換局、インターネット、サーバ、データベース、ユーザーなどの一般的なものまで、IoTなどのシステム構成図を描く際の部品として使えるさまざまなアイコンを揃えた「SORACOM アイコンセット」を公開しました。 以下はその一部です。 SORACOMアイコンセット... 続きを読む

Microsoft系のアイコン(Microsoft CloudnEnterprise Symbols)をベクター形式にしてみた話。 | nrjlog

2015/09/23 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip nrjlog ベクター形式 Microsoft アイコン 機会

Microsoft系のアイコン(Microsoft CloudnEnterprise Symbols)をベクター形式にしてみた話。 このブログの記事でも紹介することがありますが、最近Azure関連で構成図を作る機会がちょくちょくありまして。 ちなみにMicrosoftから公式でアイコンセットが提供されています。 ◆Microsoft CloudnEnterprise Symbols http://... 続きを読む

200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」 | DesignDevelop

2015/09/17 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop 矢印 テイスト アイコン 定番

アイコンには実にいろいろな種類があり、デザインしているもののテイストによって使い分けていると思いますが、今回は200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」を紹介したいと思います。 非常に細い、繊細なラインで描き出されたアイコンが200種、セットでフリーダウンロードできるようになっています。 詳しくは以下 種類としては、定番のレターアイコン、矢印、マップピン... 続きを読む

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #8 | NxWorld

2015/07/22 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld デザインアイコン 珍しいタイプ 汎用性

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。 続きを読む

商用利用可能なアイコンセットが無料で手に入るサイト「IconStore」 | ライフハッカー[日本版]

2015/07/18 このエントリーをはてなブックマークに追加 91 users Instapaper Pocket Tweet Facebook Share Evernote Clip カメきち ライフハッカー 配布 ウェブサイト ツール

カメきち  - Webサービス,ツール,無料・シェアウェア  06:30 AM 商用利用可能なアイコンセットが無料で手に入るサイト「IconStore」 「IconStore」は商用利用可能なアイコンセットが無料で手に入るサイトです。ブログやウェブサイトに使えるアイコンセットが無料でダウンロードできますよ。商用利用可能なので安心ですね。ただし再配布は許可が必要です。 以下に使ってみた様子を載せてお... 続きを読む

種類が豊富!配色がかわいいデザインとピクセルパーフェクトが美しいアイコン素材 -Squid Ink | コリス

2015/06/15 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス SVG ピクセルパーフェクト 配色 ベクターシェイプ

Solid Icons -Squid Ink Solid Iconsは21カテゴリ、2,000種類のアイテムを備えたアイコンセットで、ピクセルパーフェクトのクリーンなデザインです。 プレゼントにあたり、事前にアイコンを頂きました。 アイコンは2種類ともベクターシェイプで作成されており、サイズやカラーなどカスタマイズして利用することもできます。SVGやPNGファイルも完備されているので、すぐに利用す... 続きを読む

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #7 | NxWorld

2015/05/12 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld 高いUIアイコン 汎用性 珍しいタイプ

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものです。 続きを読む

マイクロソフトが提供しているアイコンセットまとめ | プログラミング生放送

2015/05/07 このエントリーをはてなブックマークに追加 864 users Instapaper Pocket Tweet Facebook Share Evernote Clip マイクロソフト プログラミング生放送 Azure PNG 範囲

マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできま... 続きを読む

カメラ・写真・ビデオをモチーフにしたアイコンセット 10+α | NxWorld

2015/05/07 このエントリーをはてなブックマークに追加 40 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld カメラアイコン モチーフ フラッシュ 各自

カメラ・写真・ビデオをモチーフにしたアイコンセットのまとめです。ほとんどがカメラアイコンですが様々なタイプのカメラがあり、他にもフィルムやUSBといったアイテム、フラッシュや撮影モードを表したアイコンなどがセットになっているものもあります。 ※以下で紹介しているものを使用する際は、ライセンス等は各自で再度確認してください。 PHOTOGRAPHER ICON KIT – free to use .... 続きを読む

まるでキャラクターのような可愛らしさが特徴のアイコンセット「Pamoke: Free Icon Set」 | DesignDevelop

2015/04/21 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop デザインアイコン キャラクター

アイコンは基本、ベースのデザインパターンにいろいろ合わせやすいように、シンプルなテイストでデザインされていることが多いですが、中にはアイコンだけでも個性を主張できるようなデザインアイコンも。そんな中今回紹介するのは、まるでキャラクターのような可愛らしさが特徴のアイコンセット「Pamoke: Free Icon Set」です。 見ているだけで笑みがこぼれてしまいそうな、アイコン自体に顔が描かれており... 続きを読む

CSSのみでアイコンを表現できる「icono」 | DesignDevelop

2015/01/26 このエントリーをはてなブックマークに追加 67 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop デザインアイコン CSS SVG

さまざまなデザインアイコンが配布されており、制作している環境に合わせて使い分けるために、aiやpsd、png、svgなどダウンロードできる形式もさまざま。そんな中今回は、webサイト構築時にそのまま利用できる「icono」を紹介したいと思います。 CSSのみでアイコンを表現できる、クラスを指定するだけで表示が可能な、非常に便利なアイコンセットとなっています。 詳しくは以下 CSSなので、色を変える... 続きを読む

 
(1 - 25 / 105件)