Иконка Substance 3d Designer
thesvg-color:substance-3d-designer
Иконка Substance 3d Designer (thesvg-color:substance-3d-designer) — бесплатная SVG-иконка из набора theSVG Color от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Substance 3d Designer в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.