Ícone Substance 3d Sampler
thesvg-color:substance-3d-sampler
O ícone Substance 3d Sampler (thesvg-color:substance-3d-sampler) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 32 × 32. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- substance3d, 3dsampler, substance3dsampler
Código 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="M5.667 0h20.666A5.66 5.66 0 0 1 32 5.667v19.866a5.66 5.66 0 0 1-5.667 5.667H5.667A5.66 5.66 0 0 1 0 25.533V5.667A5.66 5.66 0 0 1 5.667 0"/><path fill="#99e83f" d="M10.013 22.267a10.7 10.7 0 0 1-2.173-.2a7 7 0 0 1-1.64-.52c-.12-.054-.173-.174-.173-.36v-2.56c0-.04.013-.094.053-.12c.04-.027.093-.014.133.013c.6.373 1.24.653 1.907.84c.64.187 1.307.28 1.973.28c.814 0 1.4-.12 1.747-.373c.32-.2.52-.547.52-.934c0-.226-.053-.453-.173-.653a2.05 2.05 0 0 0-.6-.573a6.5 6.5 0 0 0-1.187-.574l-1.067-.453c-.866-.373-1.56-.773-2.053-1.187a3.3 3.3 0 0 1-1.013-1.36a4.5 4.5 0 0 1-.28-1.573a3.87 3.87 0 0 1 2.293-3.6c.76-.36 1.707-.547 2.84-.547c.64 0 1.28.04 1.92.134c.493.053.973.2 1.427.413c.093.053.16.16.146.28v2.427c0 .04-.026.08-.066.106c-.054.027-.107-.013-.147-.026l-.24-.12c-.16-.067-.32-.134-.493-.2c-.16-.054-.334-.107-.507-.16c-.08-.027-.173-.04-.253-.067a7.3 7.3 0 0 0-1.787-.187c-.36 0-.707.027-1.053.107c-.24.053-.48.147-.694.267a1 1 0 0 0-.4.413c-.08.16-.133.333-.133.507c0 .213.067.44.187.613c.173.227.4.4.64.533c.4.227.813.44 1.24.627l.8.307c.946.386 1.68.8 2.213 1.24c.48.373.867.866 1.12 1.413c.213.52.32 1.08.32 1.64c.013.8-.227 1.573-.68 2.227a4.4 4.4 0 0 1-1.88 1.466c-.747.32-1.693.494-2.787.494m11.494-11.094c1.053 0 1.92.187 2.56.574a3.6 3.6 0 0 1 1.453 1.573c.32.693.48 1.453.467 2.213v4.147c0 .267 0 .533.013.773s.013.494.027.747c0 .053-.014.093-.04.107c-.64.24-1.214.44-1.72.573c-.48.133-.96.24-1.454.307c-.493.053-1 .093-1.506.08a5.8 5.8 0 0 1-2.174-.387a3.56 3.56 0 0 1-1.573-1.187c-.4-.533-.6-1.2-.6-2.013c0-.773.213-1.413.627-1.933a3.77 3.77 0 0 1 1.733-1.16a7.6 7.6 0 0 1 2.507-.387h.786c.16 0 .32 0 .48.027v-.134a1.2 1.2 0 0 0-.08-.373a1.15 1.15 0 0 0-.293-.467a1.8 1.8 0 0 0-.613-.36a3.2 3.2 0 0 0-1.067-.133c-.52 0-1.04.04-1.547.147a6.2 6.2 0 0 0-1.306.413a.23.23 0 0 1-.134 0c-.04-.013-.066-.067-.066-.107v-2.16a.23.23 0 0 1 .146-.24a6.7 6.7 0 0 1 1.6-.48c.6-.106 1.187-.16 1.774-.16m1.586 8.587v-2.28c-.173-.027-.333-.053-.493-.067a7 7 0 0 0-.573-.026c-.774 0-1.32.12-1.64.346a1.12 1.12 0 0 0-.48.947c0 .227.066.44.186.627c.147.213.36.373.6.466c.334.134.694.2 1.067.187c.24 0 .493-.013.733-.053c.187-.04.4-.094.6-.147"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Como usar o ícone Substance 3d Sampler
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:substance-3d-sampler" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:substance-3d-sampler" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:substance-3d-sampler" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--substance-3d-sampler]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:substance-3d-sampler"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:substance-3d-sampler"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/substance-3d-sampler.svg" alt="Ícone Substance 3d Sampler" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Substance 3d Sampler
O ícone Substance 3d Sampler é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Substance 3d Sampler no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:substance-3d-sampler" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Substance 3d Sampler a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/substance-3d-sampler.svg" alt="Ícone Substance 3d Sampler">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.