Binoculars アイコン
streamline-flex-color:binoculars
Binoculars アイコン(streamline-flex-color:binoculars)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 基本インターフェース
- タグ
- binocular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#d7e0ff" fill-rule="evenodd" d="M3.811.789a4 4 0 0 0-.53-.039a4 4 0 0 0-.53.039c-.916.126-1.568.982-1.628 1.905q-.057.868-.122 1.733C.847 6.524.693 8.612.78 10.719a2.5 2.5 0 1 1 5 0c.037-.866.017-1.668-.004-2.515a71 71 0 0 1-.027-1.668a3.75 3.75 0 0 1 2.532.01a70 70 0 0 1-.027 1.658c-.021.847-.04 1.65-.005 2.515a2.5 2.5 0 1 1 5 0c.089-2.107-.065-4.195-.22-6.292q-.064-.865-.122-1.733c-.06-.923-.711-1.779-1.627-1.905a4 4 0 0 0-.53-.039q-.269.001-.53.039c-.917.126-1.596.98-1.69 1.9c-.028.276-.052.53-.062.717l-.016.259a3.78 3.78 0 0 0-2.875-.012l-.015-.247A16 16 0 0 0 5.5 2.69C5.407 1.77 4.728.915 3.81.79" clip-rule="evenodd"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M13.25 10.602c.113-2.684-.167-5.255-.341-7.908c-.06-.923-.712-1.779-1.628-1.905a4 4 0 0 0-.53-.039a4 4 0 0 0-.53.039c-.917.126-1.596.98-1.69 1.9a16 16 0 0 0-.062.717M8.282 6.5c0 1.556-.099 2.653-.04 4.07"/><path fill="#fff" d="M13.25 10.719a2.5 2.5 0 1 1-5 0a2.5 2.5 0 1 1 5 0"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M13.25 10.719a2.5 2.5 0 1 1-5 0a2.5 2.5 0 1 1 5 0M.781 10.602C.67 7.918.95 5.347 1.123 2.694C1.183 1.771 1.835.915 2.75.79a4 4 0 0 1 .53-.039q.268.001.53.039c.917.126 1.596.98 1.69 1.9c.028.276.052.53.061.717M5.75 6.5c0 1.556.099 2.653.04 4.07"/><path fill="#fff" d="M.781 10.719a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0-5 0"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M.781 10.719a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0-5 0M9.512 4.23c-1.706-1.14-3.318-1.14-5.024 0"/></g></svg>
Binoculars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:binoculars" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:binoculars" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:binoculars" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--binoculars]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:binoculars"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:binoculars"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/binoculars.svg" alt="Binoculars アイコン" width="24" height="24">
他のアイコンセットの Binoculars アイコン
Binoculars アイコン のよくある質問
Binoculars アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Binoculars アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:binoculars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Binoculars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/binoculars.svg" alt="Binoculars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Flex color icons をすべて見る →
ICONYZ
