Smithery アイコン
thesvg-color:smithery
Smithery アイコン(thesvg-color:smithery)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#80350b" d="M9.09 5.11c.271-.33.543-.732.812-1.08c.1-.13.2-.27.313-.382a.45.45 0 0 1 .335-.139c.333-.017.672-.002 1.006-.001h7.692l3.122.001l.832-.004c.15 0 .312-.017.46.013a.35.35 0 0 1 .256.182a.7.7 0 0 1 .07.276c.022.304-.003.634-.002.942c0 .274.033 1.283-.003 1.476a.5.5 0 0 1-.12.251c-.119.13-.282.214-.42.304c-.341.224-.707.428-1.036.678l-.012.01l-3.232 2.098l-1.277.817c-.245.156-.5.303-.734.482c-.172.698-.3 1.42-.446 2.128c-.057.28-.104.582-.183.852c.107.238.528.705.708.93q.647.814 1.301 1.62c.222.276.46.62.695.866c.142.262.616.649.713.93c.023.066.025.153.029.224c.022.433.005.88.005 1.314c0 .284.029.65-.012.921a.5.5 0 0 1-.094.216c-.086.122-.233.148-.356.157c-.246.017-.497.003-.743.002H17.41l-4.27-.004l-3.76.002H8.172c-.214 0-.435.012-.648-.006a.33.33 0 0 1-.237-.123c-.112-.137-.118-.285-.119-.47c-.002-.367-.036-2.033.038-2.26c.057-.176 3.008-3.874 3.347-4.315q-.694-1.42-1.403-2.83a11 11 0 0 1-1.193-.143c-2.693-.511-4.733-2.012-6.812-4.189C.918 6.617.182 5.88.043 5.626a.4.4 0 0 1-.038-.239c.022-.123.102-.188.18-.25c.344-.014.689-.005 1.032-.005l1.799-.002z"/><path fill="#ea580c" d="m10.52 3.554l11.345.015c.188 0 1.787-.025 1.83 0a.5.5 0 0 1 .244.238c0 .38.055 2.416-.006 2.65c-.026.097-.122.183-.186.235c-.226.187-.495.325-.736.48q-.753.484-1.498.988l-2.579 1.668c-.56.36-1.154.7-1.698 1.094a.6.6 0 0 0-.158.15c-.845.034-1.696.009-2.543.009h-4.239l-.003-.032c-.054-.508-.021-1.196-.021-1.73V5.96c0-.205-.014-2.283.015-2.322c.053-.07.161-.072.233-.083zm.063 10.444c.854-.025 1.714 0 2.568 0c1.053 0 2.109-.019 3.162-.004c.037 0 .112-.004.142.02c.094.077.207.279.292.388l.877 1.105c.485.616.981 1.221 1.472 1.83c.223.275.451.545.667.83c.053.07.139.172.158.267c.042.2.015.544.015.759q.002.82-.005 1.64c-.027.058-.054.12-.092.169a.33.33 0 0 1-.172.12c-.257.051-.673.013-.95.013h-2.03v-2.708l-.443-.567c-.129-.168-.256-.351-.397-.503H12.96c-.552-.001-1.104-.01-1.655.003c-.104.108-.194.25-.288.37c-.17.22-.35.427-.51.66l.001 2.745c-1.022 0-2.048.024-3.07-.006a.46.46 0 0 1-.21-.29c-.064-.233-.02-.773-.022-1.041c0-.294-.037-1.197.028-1.412c.037-.122.146-.253.216-.347c.205-.279.43-.538.641-.809l1.873-2.382c.176-.225.516-.575.62-.85zM8.82 5.162q.158 0 .314-.005l.002 5.97c-1.813-.043-3.67-.79-5.255-1.896c-.433-.302-.835-.654-1.253-.985A41 41 0 0 1 .702 6.323C.5 6.108.233 5.875.08 5.605a.28.28 0 0 1-.038-.202c.018-.106.101-.173.17-.222l6.053-.001l1.712-.001c.272 0 .577.034.844-.017z"/></svg>Smithery アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:smithery" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:smithery" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:smithery" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--smithery]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:smithery"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:smithery"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/smithery.svg" alt="Smithery アイコン" width="24" height="24">他のアイコンセットの Smithery アイコン
Smithery アイコン のよくある質問
Smithery アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smithery アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:smithery" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smithery アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/smithery.svg" alt="Smithery アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。