ICONYZ
日本語
Keyline Icons の Tape Sharp Two Tone アイコン

Tape Sharp Two Tone アイコン

keyline-icons:tape-sharp-two-tone

Tape Sharp Two Tone アイコン(keyline-icons:tape-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
tapesharp、sharptwo、twotone、tapesharptwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1 8C1 5.9524 2.388 4.1157 4.4144 2.8999C6.4511 1.6778 9.2394 1 12 1C14.7606 1 17.5489 1.6778 19.5856 2.8999C21.612 4.1157 23 5.9524 23 8L23 16C23 18.0476 21.612 19.8843 19.5856 21.1001C17.5489 22.3222 14.7606 23 12 23C9.2394 23 6.4511 22.3222 4.4144 21.1001C2.388 19.8843 1 18.0476 1 16L1 8Z" stroke="none"/><path d="M2 8C2 4.6863 6.4772 2 12 2C17.5228 2 22 4.6863 22 8C22 11.3137 17.5228 14 12 14C6.4772 14 2 11.3137 2 8ZM7 8C7 6.8954 9.2386 6 12 6C14.7614 6 17 6.8954 17 8C17 9.1046 14.7614 10 12 10C9.2386 10 7 9.1046 7 8ZM2 8L2 16C2 19.3137 6.4772 22 12 22C17.5228 22 22 19.3137 22 16L22 8M17 13.1962L16 14.5295L17 15.8628L18 17.1962L17 18.5295L16 19.8628L17 21.1962"/></g></svg>

Tape Sharp Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:tape-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tape-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tape-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tape-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tape-sharp-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:tape-sharp-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/tape-sharp-two-tone.svg" alt="Tape Sharp Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Tape Sharp Two Tone アイコン のよくある質問

Tape Sharp Two Tone アイコンは商用利用でも無料ですか?

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

React で Tape Sharp Two Tone アイコンを使うには?

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

Tape Sharp Two Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/tape-sharp-two-tone.svg" alt="Tape Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →