Telescope アイコン
reicon:telescope
Telescope アイコン(reicon:telescope)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.8 3.297c.447-.253.718-.405.927-.49a.8.8 0 0 1 .183-.055a.1.1 0 0 1 .033 0c.004 0 .01.002.027.015a.8.8 0 0 1 .127.135c.137.175.294.438.552.877l1.049 1.786c.258.44.411.704.496.908c.04.093.051.146.055.171l.001.017v.002l-.001.002l-.011.016a.8.8 0 0 1-.137.125c-.18.135-.448.29-.895.543l-3.735 2.12c-.423.24-.675.381-.87.46a.7.7 0 0 1-.16.05h-.015l-.003-.001l-.009-.007a.7.7 0 0 1-.114-.123c-.13-.165-.278-.414-.524-.833l-1.12-1.907c-.253-.43-.402-.689-.486-.888a.7.7 0 0 1-.054-.176v-.003l.002-.002l.002-.003l.004-.006a.7.7 0 0 1 .128-.117c.172-.13.43-.279.865-.525zm1.525-1.996c-.428-.113-.816-.023-1.16.116c-.313.126-.671.33-1.066.553l-3.762 2.136c-.381.216-.731.414-.993.614c-.287.218-.56.504-.675.927l-3.48 1.975l-.04.022c-.38.217-.73.415-.993.615c-.287.218-.56.504-.675.928l-3.427 1.945l-.04.022c-.394.224-.752.428-1.02.631c-.295.223-.573.513-.69.944c-.118.432-.024.822.118 1.163c.13.309.337.662.564 1.05l.046.078c.228.387.435.74.643 1.005c.228.29.522.56.951.674s.817.023 1.16-.115c.314-.127.672-.33 1.066-.554l3.455-1.96l.019.004c.417.112.795.025 1.124-.108q.072-.029.145-.062L7.31 21.709a.75.75 0 1 0 1.382.582l3.31-7.858l3.308 7.858a.75.75 0 1 0 1.382-.582l-3.818-9.069l2.145-1.217l.02.005c.417.112.795.025 1.124-.108c.299-.12.64-.314 1.01-.525l3.814-2.164c.394-.223.753-.427 1.021-.63c.294-.223.572-.513.69-.944c.118-.432.024-.823-.119-1.163c-.13-.31-.337-.663-.564-1.05L20.942 3.02l-.023-.04c-.227-.387-.434-.74-.642-1.004c-.229-.292-.522-.562-.952-.675M3.794 12.437l2.997-1.702c.106.199.23.41.361.632l.023.04l.618 1.052c.116.196.226.384.334.555l-2.976 1.69c-.446.252-.717.404-.927.489a.8.8 0 0 1-.182.056c-.023.002-.03 0-.033 0h-.001c-.004-.002-.01-.003-.027-.016a.8.8 0 0 1-.126-.135c-.138-.175-.294-.438-.552-.877c-.258-.44-.412-.704-.497-.908a.7.7 0 0 1-.055-.171v-.021l.011-.016a.8.8 0 0 1 .138-.125c.179-.136.447-.29.894-.543m8.185-5.241l-3.05 1.73c-.434.247-.692.396-.864.526a.7.7 0 0 0-.135.126l-.001.002v.014a.7.7 0 0 0 .054.165c.083.2.233.457.486.888l.595 1.014c.246.42.395.668.524.833a.7.7 0 0 0 .124.13l.002.001h.014a.7.7 0 0 0 .161-.05c.195-.079.447-.22.87-.46l.774-.44l.754-.427l1.551-.88a23 23 0 0 1-.333-.555L12.34 7.829a19 19 0 0 1-.361-.633" clip-rule="evenodd"/></svg>Telescope アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:telescope" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:telescope" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:telescope" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--telescope]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:telescope"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:telescope"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/telescope.svg" alt="Telescope アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Telescope アイコン
Telescope アイコン のよくある質問
Telescope アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Telescope アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:telescope" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Telescope アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/telescope.svg" alt="Telescope アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。