Sewing Needle アイコン
fluent-emoji-high-contrast:sewing-needle
Sewing Needle アイコン(fluent-emoji-high-contrast:sewing-needle)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
- タグ
- sewingneedle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M23.107 4.636a3.5 3.5 0 0 0 .185 2.265L14.506 16H8.75c-1.77 0-3.224.896-4.213 2.168C3.553 19.433 3 21.097 3 22.751a.75.75 0 0 0 1.5 0c0-1.337.452-2.673 1.22-3.66c.764-.982 1.81-1.59 3.03-1.59h4.308L2.209 28.738c-.28.29-.28.762.01 1.043c.29.29.752.29 1.053.01l12.64-12.29h5.838c4.235 0 7.806-3.489 7.75-7.76a6.4 6.4 0 0 0-.334-1.974a3.5 3.5 0 1 0-5.352-4.511A9.4 9.4 0 0 0 21.76 3c-3.18-.044-6.041 1.598-7.205 4.468a.75.75 0 1 0 1.39.564c.896-2.21 3.134-3.569 5.795-3.532q.704.01 1.367.135m1.91.637c.809.406 1.499.96 2.01 1.632a1.5 1.5 0 0 1-2.01-1.632m.97-1.183q.241-.088.513-.09A1.5 1.5 0 0 1 27.987 5.7a7.2 7.2 0 0 0-2-1.61m1.891 4.628q.113.494.122 1.043c.044 3.408-2.825 6.24-6.25 6.24h-4.294l7.546-7.337c.454.216.962.336 1.498.336c.49 0 .955-.1 1.378-.282"/></svg>
Sewing Needle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sewing-needle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sewing-needle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sewing-needle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sewing-needle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sewing-needle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sewing-needle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sewing-needle.svg" alt="Sewing Needle アイコン" width="24" height="24">
他のアイコンセットの Sewing Needle アイコン
Sewing Needle アイコン のよくある質問
Sewing Needle アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sewing Needle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:sewing-needle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sewing Needle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sewing-needle.svg" alt="Sewing Needle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
