ICONYZ
日本語
Noto Emoji の Sewing Needle アイコン

Sewing Needle アイコン

noto:sewing-needle

Sewing Needle アイコン(noto:sewing-needle)は、Noto Emoji セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Noto Emoji
作者
Google Inc
ライセンス
Apache-2.0
サイズ
128 × 128
カテゴリ
アクティビティ
タグ
sewingneedle
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVG16sgMbkW" x1="71.344" x2="87.765" y1="36.678" y2="40.597" gradientUnits="userSpaceOnUse"><stop offset=".038" stop-color="#0091EA"/><stop offset="1" stop-color="#01579B"/></linearGradient><path fill="url(#SVG16sgMbkW)" d="M61.25 37.89c9.85-3.61 20.04-7.33 28.5-8.86c1.23-.22 2.43-.4 3.58-.52c2.06-2.28 4.95-3.17 6.69-5.08c-3.22-.11-6.72.17-10.5.85c-8.99 1.62-19.44 5.44-29.54 9.14c-16.17 5.92-31.45 11.82-40.69 7.93c-2.26-.95-4.91-2.17-6.49-6.7c-3.35-9.55 6.53-21.73 15.59-23.95C46.3 6.3 49.17 23.68 49.17 23.68s1.19-.49.81-3.94c-.73-6.61-4.65-15.45-20.62-13.97C16.96 6.92 4.61 21.88 8.08 35.43c1.2 4.69 3.71 8.07 7.47 10.05c10.22 5.39 27.46-.92 45.7-7.59"/><path fill="#BDBDBD" d="M121.22 6.51c-2.76-2.6-6.57-3.26-11.93-.15c-3.36 1.95-7.24 5.49-12.15 10.58c-8.17 8.49-74.33 82.43-91.03 101.72c-2.32 2.67-2.36 4.29-1.84 4.81s1.94.39 4.75-1.95c19.22-16.04 92.96-81.16 102.27-90.43c4.16-4.14 7.67-7.88 9.18-9.67c5.14-6.12 4.02-11.82.75-14.91M96.85 36.37c-1.41 1.41-3.11 2.22-4.31 1.02s-1.03-3.34.38-4.75l17.78-17.78c1.41-1.41 3.55-1.58 4.75-.38s.59 2.7-.82 4.12z"/><path fill="#B9E4EA" d="M100.15 18.07c5.55-5.91 9.5-9.56 12.82-11.06c6.17-2.78 9.13.42 8.85.11c-2.64-2.85-6.27-4.14-12.09-1c-3.45 1.86-7.26 5.27-12.59 10.82c-8.16 8.51-74.57 82.64-91.03 101.72c-2.31 2.68-2.49 4.44-1.66 4.88c16.74-19.14 87.63-96.88 95.7-105.47" opacity=".75"/><linearGradient id="SVGq4YDqeDN" x1="102.241" x2="110.843" y1="24.389" y2="32.406" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#2F7889"/><stop offset=".838" stop-color="#2F7889"/></linearGradient><path fill="url(#SVGq4YDqeDN)" d="M117.95 13.2c-2.57-1.58-4.9-.9-7.36 1.53c0 0 .19-.1.48-.19c1.4-1.15 3.32-1.24 4.44-.12c1.2 1.2.53 2.77-.88 4.18L96.85 36.37c-1.41 1.41-3.05 2.16-4.25.96s-1.03-3.34.38-4.75l.57-.57s-6.17 4.07-2.18 8.16c2.11 2.16 5.88.95 7.38-.6l18.99-19.51c1.51-1.54 2.79-5.27.21-6.86"/><linearGradient id="SVGBtunJcFM" x1="74.302" x2="74.116" y1="36.728" y2="20.365" gradientUnits="userSpaceOnUse"><stop offset=".038" stop-color="#0091EA"/><stop offset="1" stop-color="#01579B"/></linearGradient><path fill="url(#SVGBtunJcFM)" d="M114.96 28.88c-5.15-5.3-13.16-5.3-13.16-5.3l-4.68 4.68c7-.35 11.15 1.27 14.79 4.8c4.21 4.07 5.44 10.41 4.8 14.9c-3.5 24.25-36.15 28.3-36.48 28.33c-28.88 3.34-44.56-8.49-53.03-20.18c0 0-.97 6.48 5.24 12.1c8.05 7.3 19.47 13.62 38.37 13.62c3.4 0 7.01-.21 10.85-.65c13.04-1.51 36.59-8.92 39.93-32.06c.81-5.6-.64-14.08-6.63-20.24"/></svg>

Sewing Needle アイコンの使い方

React

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

<Icon icon="noto:sewing-needle" width="24" />

Vue

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

<template>
  <Icon icon="noto:sewing-needle" width="24" />
</template>

Svelte

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

<Icon icon="noto:sewing-needle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--sewing-needle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:sewing-needle"></div>

Web コンポーネント

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

<iconify-icon icon="noto:sewing-needle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/sewing-needle.svg" alt="Sewing Needle アイコン" width="24" height="24">

他のアイコンセットの Sewing Needle アイコン

Sewing Needle アイコン のよくある質問

Sewing Needle アイコンは商用利用でも無料ですか?

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

React で Sewing Needle アイコンを使うには?

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

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

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

Noto Emoji アイコン をすべて見る →