Substance 3d Designer アイコン
thesvg-color:substance-3d-designer
Substance 3d Designer アイコン(thesvg-color:substance-3d-designer)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- substance3d、3ddesigner、substance3ddesigner
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#1e3101" d="M26.333 0H5.667A5.667 5.667 0 0 0 0 5.667v19.866A5.667 5.667 0 0 0 5.667 31.2h20.666A5.667 5.667 0 0 0 32 25.533V5.667A5.667 5.667 0 0 0 26.333 0"/><path fill="#99e83f" d="M5.879 21.836V8.184a.157.157 0 0 1 .15-.172q.322-.021.945-.032q.622-.011 1.46-.022q.837-.01 1.781-.01q2.576 0 4.272.88a5.95 5.95 0 0 1 2.544 2.415q.848 1.535.848 3.53a7.9 7.9 0 0 1-.44 2.738a6.4 6.4 0 0 1-1.202 2.05a7.2 7.2 0 0 1-1.728 1.427a7.6 7.6 0 0 1-2.061.838a9 9 0 0 1-2.168.268h-1.6q-.848 0-1.577-.01a28 28 0 0 1-1.095-.033q-.13 0-.13-.215M8.84 10.588v8.887q.236 0 .43.01l.397.022q.204.012.461.011a5.8 5.8 0 0 0 1.91-.3a3.9 3.9 0 0 0 1.471-.902a4.05 4.05 0 0 0 .945-1.481a5.6 5.6 0 0 0 .333-1.997a5 5 0 0 0-.322-1.878a3.56 3.56 0 0 0-.934-1.352a3.8 3.8 0 0 0-1.46-.805a6.4 6.4 0 0 0-1.857-.258a20 20 0 0 0-1.374.043m17.475 3.585a5 5 0 0 0-1.277-.451a6.8 6.8 0 0 0-1.492-.172a2.8 2.8 0 0 0-.805.097a.72.72 0 0 0-.419.268a.7.7 0 0 0-.107.365a.57.57 0 0 0 .128.344c.126.146.279.267.451.354q.46.248.945.44a9.3 9.3 0 0 1 2.05.977c.437.275.798.655 1.052 1.105c.213.426.32.898.311 1.374a3.1 3.1 0 0 1-.515 1.771a3.4 3.4 0 0 1-1.492 1.191q-.978.43-2.415.43a8.7 8.7 0 0 1-1.814-.172a5.2 5.2 0 0 1-1.299-.43a.28.28 0 0 1-.15-.257V19.09a.13.13 0 0 1 .054-.118a.1.1 0 0 1 .118.01a5.3 5.3 0 0 0 1.588.655a6.8 6.8 0 0 0 1.567.204q.752 0 1.106-.193a.61.61 0 0 0 .354-.558q0-.279-.322-.537t-1.31-.622a8 8 0 0 1-1.9-.966a3.3 3.3 0 0 1-1.008-1.127a2.96 2.96 0 0 1-.311-1.364a3.1 3.1 0 0 1 .45-1.61a3.3 3.3 0 0 1 1.396-1.223q.944-.472 2.361-.473q.831-.006 1.653.119c.385.049.761.154 1.116.31a.2.2 0 0 1 .129.119a.6.6 0 0 1 .021.16v2.169a.14.14 0 0 1-.064.129a.14.14 0 0 1-.15 0"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Substance 3d Designer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:substance-3d-designer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:substance-3d-designer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:substance-3d-designer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--substance-3d-designer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:substance-3d-designer"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:substance-3d-designer"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/substance-3d-designer.svg" alt="Substance 3d Designer アイコン" width="24" height="24">theSVG Color の関連アイコン
Substance 3d Designer アイコン のよくある質問
Substance 3d Designer アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Substance 3d Designer アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:substance-3d-designer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Substance 3d Designer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/substance-3d-designer.svg" alt="Substance 3d Designer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。