虫眼鏡(縮小・ズームアウト)のフリー アイコン素材

スポンサーリンク

色とサイズをカスタマイズする
(PNGファイル)

余白:


閉じる

Category:

Tag:

全体像を見渡すための機能、「縮小(ズームアウト)」フリー素材

ルーペ(虫眼鏡)のレンズ部分に、横棒のマイナス記号が配置されたシンプルなアイコンです。画面の表示倍率を下げて対象を小さく表示する「縮小」や「ズームアウト」の機能を意味します。対となる「拡大(プラス)」アイコンと並べて配置されることが多く、ユーザーが自由に表示範囲をコントロールするための必須UIです。

具体的な使用シーンと用途の提案

このアイコンは、デジタルコンテンツの閲覧画面において、操作性を高めるボタンとして幅広く使われます。

  • 地図アプリ・アクセスマップの「広域表示」に
    Googleマップなどの地図サービスにおいて、地図の縮尺を小さくして、より広い範囲(広域)を表示するためのボタンとして。現在地から周辺地域へと視点を広げる際に使われます。
  • 画像ビューア・商品ページの「全体確認」に
    ECサイトの商品画像や、フォトギャラリーにおいて、拡大して細部を見た後、再び全体像を確認するために元のサイズに戻す操作(縮小)を示すボタンとして利用できます。
  • PDF・電子書籍リーダーの「ページ表示切替」に
    ドキュメントビューアにおいて、1ページ全体を画面に収めて表示したり、複数のページをサムネイルで一覧表示したりする際のモード切替ボタンとして。
  • Webサイトの「文字サイズ変更(小)」ボタンに
    アクセシビリティ機能の一つとして、サイトの文字サイズを「標準」や「小」に変更するボタンのアイコンとして。「A-」といった文字アイコンの代わりにも使えます。
  • 「俯瞰(ふかん)・要約」のイメージとして
    物事を細部ではなく、高い視点から全体的に捉える「俯瞰」や、要点だけをまとめる「要約」を意味する比喩的なアイコンとしても活用できます。

編集のコツとEPS形式のメリット

配布ファイルには、Web制作に便利なPNG、SVG形式のほか、DTPデザインや高度な編集に適したベクターデータのEPS形式も同梱しています。

EPS形式であれば、Illustratorなどのソフトを使って、中のマイナス記号を「プラス(+)」に書き換えるだけで、簡単に対となる「拡大」アイコンを作成できます。また、ボタンが押せない状態(非活性)を表すために色を「グレー」に変更したり、線の太さを調整してサイトのデザインに馴染ませたりと、自由な加工が可能です。

関連するキーワード

縮小、ズームアウト、マイナス、虫眼鏡、ルーペ、検索、全体表示、広域、俯瞰、地図、UI、アイコン、Zoom out、Minimize、Magnifying glass、Search

この虫眼鏡(縮小・ズームアウト)のアイコンは無料素材(フリー素材)です。商用利用可能・クレジット表記不要・会員登録不要です。ご利用前に必ず利用規約をご確認ください。

グループサイト:フリーハンドで描いた手書きイラスト素材(無料)もご利用ください。