Headset Stroke 20 アイコン
garden:headset-stroke-20
Headset Stroke 20 アイコン(garden:headset-stroke-20)は、Garden SVG Icons セットの無料 SVG アイコンです（作者: Zendesk）。 20 × 20 のグリッドで描かれています。 Garden SVG Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Garden SVG Icons
- 作者
- Zendesk
- ライセンス
- Apache-2.0
- サイズ
- 20 × 20
- タグ
- headsetstroke
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M9.947 1.875a6.7 6.7 0 0 1 2.651.525a6.6 6.6 0 0 1 2.215 1.528a6.5 6.5 0 0 1 1.407 2.274c.251.699.378 1.434.378 2.173h.002c1.22 0 2.2.915 2.2 2.031v1.354l-.012.209c-.108.978-.964 1.742-2.022 1.815c-.442 1.724-1.706 2.616-2.82 3.055a7 7 0 0 1-.757.243a1.65 1.65 0 0 1-1.54 1.043c-.91 0-1.649-.728-1.649-1.625s.739-1.624 1.65-1.625c.52 0 .983.238 1.286.608q.198-.055.404-.134c.696-.274 1.366-.737 1.713-1.563c-.367-.04-.653-.33-.653-.671V9.052c0-.326.243-.59.569-.658a4.8 4.8 0 0 0-.285-1.655a4.9 4.9 0 0 0-1.06-1.713a5 5 0 0 0-1.667-1.15a5.04 5.04 0 0 0-3.987.03a5 5 0 0 0-1.65 1.178a4.83 4.83 0 0 0-1.29 3.31c.327.07.57.342.57.658v4.063c0 .356-.29.64-.662.674l-.076.003H3.4c-1.22 0-2.2-.915-2.2-2.032v-1.354l.012-.208c.113-1.03 1.055-1.823 2.188-1.823h.002a6.4 6.4 0 0 1 1.713-4.371a6.6 6.6 0 0 1 2.19-1.562a6.7 6.7 0 0 1 2.642-.567M3.4 9.98a.65.65 0 0 0-.441.16a.36.36 0 0 0-.13.266v1.354c0 .14.155.427.57.427h.571V9.98zm12.63 2.207h.57a.65.65 0 0 0 .44-.161a.36.36 0 0 0 .13-.266v-1.354c0-.14-.154-.426-.57-.426h-.57z"/></svg>
Headset Stroke 20 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="garden:headset-stroke-20" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="garden:headset-stroke-20" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="garden:headset-stroke-20" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[garden--headset-stroke-20]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/garden -->
<div class="i-garden:headset-stroke-20"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="garden:headset-stroke-20"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/garden/headset-stroke-20.svg" alt="Headset Stroke 20 アイコン" width="24" height="24">
Headset Stroke 20 アイコン のよくある質問
Headset Stroke 20 アイコンは商用利用でも無料ですか?
はい。Garden SVG Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Headset Stroke 20 アイコンを使うには?
@iconify/react をインストールして <Icon icon="garden:headset-stroke-20" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Headset Stroke 20 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/garden/headset-stroke-20.svg" alt="Headset Stroke 20 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Garden SVG Icons をすべて見る →
ICONYZ
