Binoculars アイコン
streamline-plump-color:binoculars
Binoculars アイコン(streamline-plump-color:binoculars)は、Plump color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- binocular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M9.216 6.19C7.348 11.35 3.94 28.482 3 36h18c.78-10.925.952-23.463.99-28.443c.01-1.423-.5-2.842-1.765-3.494C19.163 3.515 17.605 3 15.5 3c-2.917 0-4.55.989-5.338 1.684c-.453.4-.74.939-.946 1.507m29.568-.001C40.652 11.35 44.06 28.482 45 36H27c-.78-10.925-.952-23.463-.99-28.443c-.01-1.423.5-2.842 1.766-3.494C28.838 3.515 30.396 3 32.5 3c2.917 0 4.55.989 5.338 1.684c.453.4.74.939.946 1.507"/><path fill="#fff" d="M27 36a9 9 0 1 0 18 0a9 9 0 0 0-18 0M3 36a9 9 0 1 0 18 0a9 9 0 1 0-18 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M45 36a9 9 0 1 1-18 0a9 9 0 1 1 18 0M3 36a9 9 0 1 0 18 0a9 9 0 1 0-18 0"/><path fill="#8fbffa" d="M14.855 13.478c.095-1.053.524-2.062 1.425-2.616C17.62 10.037 20.084 9 24 9s6.38 1.037 7.72 1.862c.902.554 1.331 1.563 1.426 2.616l.639 7.121c.08.887-1.072 1.591-1.897 1.255C30.275 21.196 27.695 20.5 24 20.5c-3.694 0-6.275.697-7.888 1.354c-.824.336-1.976-.368-1.896-1.255z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M14.854 13.478c.095-1.053.525-2.062 1.426-2.616C17.62 10.037 20.083 9 24 9s6.38 1.037 7.72 1.862c.901.554 1.33 1.563 1.425 2.616l.64 7.121c.079.887-1.072 1.591-1.897 1.255C30.275 21.196 27.695 20.5 24 20.5s-6.275.697-7.888 1.354c-.825.336-1.976-.368-1.897-1.255z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.345 33.523c1.25-8.296 4.187-22.68 5.871-27.332c.206-.568.493-1.107.946-1.507C10.95 3.99 12.583 3 15.5 3c2.105 0 3.663.515 4.725 1.063c1.265.652 1.775 2.07 1.764 3.494q-.004.683-.014 1.541m-.232 11.494C21.596 25.458 21.364 30.904 21 36m5.025-26.902l-.014-1.54c-.011-1.424.5-2.843 1.765-3.495C28.838 3.515 30.396 3 32.5 3c2.917 0 4.55.989 5.338 1.684c.453.4.74.939.946 1.507c1.684 4.651 4.62 19.036 5.871 27.332M27 36c-.364-5.096-.595-10.542-.743-15.408"/></g></svg>Binoculars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:binoculars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:binoculars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:binoculars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--binoculars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:binoculars"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:binoculars"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/binoculars.svg" alt="Binoculars アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Binoculars アイコン
Binoculars アイコン のよくある質問
Binoculars アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Binoculars アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:binoculars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Binoculars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/binoculars.svg" alt="Binoculars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。