Submodel アイコン
thesvg-color:submodel
Submodel アイコン(thesvg-color:submodel)は、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="url(#SVGETXAOb1m)" d="M23.314 7.947c.206.504.491 1.709.602 2.538c.134 1 .06 3-.143 3.938a12.13 12.13 0 0 1-3.278 6.053c-1.635 1.645-3.678 2.762-6.027 3.294c-.712.16-3.534.264-4.062.149c-.878-.192-1.255-.82-.897-1.494c.074-.139 1.31-1.425 2.746-2.858l2.611-2.603l.793-.025q.794-.026 1.097-.187c.423-.225.895-.718 1.104-1.152c.2-.415.292-1.377.163-1.716c-.078-.21-.025-.266.725-.768c1.657-1.108 3.122-2.773 4.002-4.545l.45-.905z"/><path fill="url(#SVGETXAOb1m)" d="M.833 7.787c.031.004.239.382.459.84c.748 1.554 2.214 3.267 3.682 4.303c2.034 1.437 4.303 2.194 6.964 2.322l1.203.06l-2.937 2.939c-3.255 3.258-3.448 3.407-4.433 3.403a2.5 2.5 0 0 1-.978-.188c-.505-.23-1.726-1.402-2.422-2.326c-.955-1.267-1.74-3.002-2.15-4.75c-.266-1.143-.243-3.813.044-4.968c.23-.928.478-1.642.568-1.635"/><path fill="url(#SVG0T7fudDo)" fill-rule="evenodd" d="M11.484.028c2.054-.088 2.932.167 3.08.895c.1.501-.269.957-2.883 3.57L9.105 7.064l-.731.01c-.555.008-.824.058-1.108.21c-1.114.593-1.62 1.858-1.216 3.041c.328.964 1.3 1.636 2.34 1.62c.215-.005.476-.039.678-.087l-.023.009l.089-.03c.924-.268 1.66-1.31 1.665-2.357c.002-.344.063-.625.176-.808c.095-.156 1.45-1.556 3.012-3.113c3.134-3.122 3.251-3.21 4.287-3.213c.823-.003 1.257.225 2.194 1.16a12 12 0 0 1 2.73 4.162l-.447.903c-.88 1.772-2.347 3.437-4.003 4.545c-.75.502-.803.559-.725.768c.044.114.063.299.06.51a2.44 2.44 0 0 0-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542c-.2.41-.248.64-.244 1.151l.007.639l-.067.063l-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.5 12.5 0 0 1-2.442-1.351C3.6 11.96 2.23 10.4 1.446 8.931l-.154-.305c-.22-.459-.428-.836-.459-.84c-.032-.003-.082.084-.145.237q.022-.094.06-.196c1.04-2.842 3.136-5.177 5.88-6.553C8.253.461 9.62.11 11.484.028" clip-rule="evenodd"/><defs><linearGradient id="SVGETXAOb1m" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#e560fc"/><stop offset="1" stop-color="#673cff"/></linearGradient><linearGradient id="SVG0T7fudDo" x1=".5" x2="23" y1="8" y2="7.5" gradientUnits="userSpaceOnUse"><stop stop-color="#0ed1fc"/><stop offset="1" stop-color="#3171f5"/></linearGradient></defs></svg>Submodel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:submodel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:submodel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:submodel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--submodel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:submodel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:submodel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/submodel.svg" alt="Submodel アイコン" width="24" height="24">他のアイコンセットの Submodel アイコン
Submodel アイコン のよくある質問
Submodel アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Submodel アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:submodel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Submodel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/submodel.svg" alt="Submodel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。