Yarn 16 アイコン
nonicons:yarn-16
Yarn 16 アイコン(nonicons:yarn-16)は、Nonicons セットの無料 SVG アイコンです（作者: yamatsum）。 24 × 24 のグリッドで描かれています。 Nonicons は 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" d="M2.713 2.265a.75.75 0 0 1 .749.285l1.467 1.956a.75.75 0 1 1-1.2.9l-.522-.695l-.107.427a.75.75 0 0 1-.727.568a.57.57 0 0 0-.385.12a.94.94 0 0 0-.266.406c-.157.41-.182.984-.085 1.488a.5.5 0 0 0 .092.2c.014.016.046.045.143.074c.251.077.645.085 1.396.085c1.544 0 2.504.692 2.504 1.627c0 .279-.058.703-.265 1.087c-.225.416-.664.832-1.362.832a1 1 0 0 1-.106-.007c-.531-.076-.842.113-1.063.38a2 2 0 0 0-.125.174h5.123A2.9 2.9 0 0 1 7.75 11c0-.306.037-.637.173-.953a1.77 1.77 0 0 1 .696-.806c.591-.374 1.45-.491 2.542-.491a.75.75 0 0 1 0 1.5c-1.068 0-1.54.133-1.74.259a.27.27 0 0 0-.12.131a.9.9 0 0 0-.051.36c0 .361.082.57.166.694a.84.84 0 0 0 .383.299c.355.153.805.175 1.233.178a3.9 3.9 0 0 0 1.25-.803c.447-.435.76-.983.76-1.662c0-.733-.258-1.171-.538-1.441s-.612-.4-.82-.44h-5.2a.75.75 0 1 1 0-1.5h5.262a1 1 0 0 1 .106.007c.48.069 1.142.321 1.694.854c.46.445.825 1.067.95 1.886a8 8 0 0 0 .084-1.183c0-2.004-.484-2.97-.971-3.427c-.479-.45-1.116-.555-1.77-.473a.75.75 0 1 1-.186-1.489c.904-.113 2.06 0 2.983.869c.915.86 1.444 2.315 1.444 4.52c0 2.267-.709 3.777-1.755 4.695c-1.018.894-2.256 1.14-3.186 1.088H1.806a.75.75 0 0 1-.744-.844c.062-.49.277-1.207.76-1.788c.5-.604 1.28-1.04 2.338-.919l.027-.04a.7.7 0 0 0 .063-.185a1 1 0 0 0 .017-.105l-.023-.017c-.098-.068-.37-.195-.976-.195H3.18c-.623 0-1.251 0-1.745-.15a1.8 1.8 0 0 1-.801-.485a1.97 1.97 0 0 1-.462-.907C.028 7.324.037 6.44.32 5.697c.145-.38.374-.755.725-1.038c.212-.17.454-.297.721-.372l.367-1.469a.75.75 0 0 1 .58-.553m1.583 7.554l-.002-.002z"/></svg>Yarn 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nonicons:yarn-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nonicons:yarn-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nonicons:yarn-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--yarn-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:yarn-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nonicons:yarn-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nonicons/yarn-16.svg" alt="Yarn 16 アイコン" width="24" height="24">Yarn 16 アイコン のよくある質問
Yarn 16 アイコンは商用利用でも無料ですか?
はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yarn 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="nonicons:yarn-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yarn 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/yarn-16.svg" alt="Yarn 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。