Binoculars Outline アイコン

Q: Binoculars Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:binoculars-outline

Binoculars Outline アイコン(glyphs:binoculars-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: binocularsoutline、binocular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M61.851 64.893a16 16 0 0 0 12.048-23.819a2 2 0 0 0-.098-.181l-6.765-11.098a10 10 0 0 0-5.146-4.202a9 9 0 0 0-17.483-1.27a8 8 0 0 0-8.814 0a9 9 0 0 0-17.482 1.27a10 10 0 0 0-5.146 4.202L6.199 40.893q-.053.089-.098.181a16 16 0 0 0-.727 1.44l-.026.058l-.051.118a16 16 0 0 0 3.39 17.624a16 16 0 0 0 22.627 0m-7.85-36.85A5 5 0 0 1 32 27v11.417q-.331-.376-.686-.73a16 16 0 0 0-16.057-3.968l1.123-1.842a6 6 0 0 1 3.997-2.77A2 2 0 0 0 22 27.102V27a5 5 0 0 1 1.465-3.535m7.85 36.85a16 16 0 0 0 4.442-8.532a8 8 0 0 0 8.488 0A16 16 0 0 0 60 65M48 38.417V27a5 5 0 1 1 10 .102a2 2 0 0 0 1.624 2.005a6 6 0 0 1 3.996 2.77l1.123 1.842A16 16 0 0 0 48 38.417m0 10.507A12.001 12.001 0 1 1 60 61M48 48.924v.153zm0 .186v-.033zm10.814 11.831A12 12 0 0 1 48.001 49.14v-.029M60 61q-.597 0-1.187-.059zM28.484 40.515a12 12 0 1 1-16.972 16.971a12 12 0 0 1 16.972-16.971M36 45a4 4 0 1 0 0-.013zm8-6.928V31a4 4 0 0 0-8-.001v7.073a8 8 0 0 1 8 0" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M61.851 64.893q-.918.106-1.851.107z"/><path stroke="currentColor" stroke-linecap="square" d="M60 65q-.796 0-1.581-.078a16 16 0 0 1-14.175-13.14a8 8 0 0 1-8.488 0a16 16 0 1 1-30.408-9.21l.026-.059a16 16 0 0 1 .727-1.439q.045-.092.098-.181l6.766-11.098a10 10 0 0 1 5.146-4.202a9 9 0 0 1 17.482-1.27a8 8 0 0 1 8.814 0a9 9 0 0 1 17.483 1.27a10 10 0 0 1 5.146 4.202L73.8 40.893q.054.089.098.181A16 16 0 0 1 61.85 64.893M60 65q.933 0 1.851-.107M60 65l1.851-.107M60.001 61q.72 0 1.429-.085A12.001 12.001 0 0 0 60 37a12 12 0 0 0-12 11.924v.153M60 61q-.597 0-1.186-.059M60 61l-1.186-.059M48 49.077v.033m0-.033v.033m0 0l.001.03a12 12 0 0 0 10.813 11.8M27 22a5 5 0 0 0-4.999 5.102a2 2 0 0 1-1.624 2.005a6 6 0 0 0-3.997 2.77l-1.123 1.842A16 16 0 0 1 32 38.417V27a5 5 0 0 0-5-5Zm21 16.417V27a5 5 0 1 1 10 .102a2 2 0 0 0 1.624 2.005a6 6 0 0 1 3.996 2.77l1.123 1.842A16 16 0 0 0 48 38.417ZM32 49a12 12 0 1 0-24.002 0A12 12 0 0 0 32 49Zm5.172-1.172A4 4 0 0 1 36 45v-.013a4 4 0 1 1 1.172 2.841ZM44 38.073a8 8 0 0 0-8 0V31a4 4 0 0 1 8 0z"/></g></svg>

Binoculars Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:binoculars-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:binoculars-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:binoculars-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--binoculars-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:binoculars-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:binoculars-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/binoculars-outline.svg" alt="Binoculars Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Binoculars Outline アイコン

Binoculars Outline アイコンのよくある質問

Binoculars Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Binoculars Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:binoculars-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Binoculars Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/binoculars-outline.svg" alt="Binoculars Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →