シンプルなアイコン素材は、重宝しますよね。 Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。 CC0なので、商用利用時のクレジット表記は不要、複製、改変、配布などもOKで、使い勝手がかなりよいと思います。
iconに関するmas-higaのブックマーク (11)
-
mas-higa 2018/10/26
-
-
英語よりも便利。「39個」のアイコンから成る“全世界共通言語”を作った男が日本人に伝えたいこと - Be inspired!
海外旅行先で、言葉が通じなくて困った経験はないだろうか。そんなとき、あなたはどうするだろう？なんとかジェスチャーを組み合わせて伝えようとするか、はたまた聞かなくて済むように、前もって完璧な準備をしておくか。 今回Be inspired!は、旅行先で言葉が通じなくて困ったことをきっかけに“あるビジネス”を始めたゲオルク・ホルンさんにインタビューにした。そのビジネスとは、絵を指すことによって誰とでもコミュニケーションが図れるＴシャツ、『ICONSPEAK』の開発。どのようなトラブルがあって、なぜこのTシャツを作ろうと思ったのか。ゲオルクさんにこのアイデアが生まれるまでの道のりを根堀り葉掘り聞いてみた。 異国のトラブルから生まれた、コミュニケーションツール たくさんのアイコンがプリントされているTシャツ、その名も『ICONSPEAK』。このTシャツの製作者の一人であるスイス出身のゲオルクさん。
-
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
-
Components · Bootstrap
Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Examples Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.
-
-
Apple社のキーボードについてる「コマンドキー」アイコンの元ネタはコレだった
Apple社は時々大きなデザインコンセプトの変更を行う一方、シンボリックな要素については非常に大事にしてきました。「コマンドキー」アイコンは初代Macから残っているものの一つ。このデザインがどこから生まれたのか、デザイナーのスーザン・ケアが語っていました。 スーザン・ケアは初期のApple社のアイコンのほとんどをデザインしたグラフィック・デザイナー。「ハッピーマック」を始めとする、Appleの象徴的なアイコン群は彼女の作品となります。 Susan Kare – User Interface Graphics – Apple Mac Icons ちなみにこちらもスーザンの作品。 Susan Kare – User Interface Graphics さて、彼女が「コマンド」キーのアイコンを作ったのは初代マッキントッシュ開発中のこと。お絵かきソフト「MacDraw」のメニューを見たスティーブ
-
-
もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
-
[iPhone] あなたのアプリのアイコン、ぼやけてませんか？ | Sun Limited Mt.
えー、私のアプリのアイコンは見事にぼやけております。iPhone4 で採用された Retina Display。キレイですよね。ただし、気をつけないとアプリのアイコンがぼやけた感じになってしまいます。iPhone4 用に2倍の大きさのアイコンを作成しないといけないのです。当然といえば当然なのですが。。。 iPhone4 で色々なアプリのアイコンを見ているとなんかぼやけている感じのアイコンとクッキリハッキリしたアイコンがあるのが分かると思います。その原因が iPhone4 用のアイコンを用意していないためです。同様の現象は iPad でも置きます。iPhone 用のアプリを iPad にインストールすると57px のアイコンが 72px に拡大表示されるためぼやけたようなアイコンになります。 アイコンの大きさのまとめ iPhone3GS 以前、iPhone4, iPad でそれぞれ必要なアイ
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました