Ícone Smallstep
selfhst:smallstep
O ícone Smallstep (selfhst:smallstep) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#dc4b40" d="m51.9 105.8l141.6-88C231.7-6 280.2-6 318.4 17.8l141.6 88c11.7 7.3 18.8 20.1 18.8 33.9v232.6c0 13.8-7.1 26.6-18.8 33.9l-141.6 88c-38.2 23.8-86.7 23.8-124.9 0l-141.6-88c-11.7-7.3-18.8-20.1-18.8-33.9V139.7c0-13.8 7.1-26.6 18.8-33.9M314.4 366c-4-21.1-27.1-38.8-35.3-43.6L191 269.5c-8.5-4.9-57.5-35.5-76.4-90.7c-.5-1.3-1.8-2.3-3.2-2.3c-2 0-3.5 1.5-3.5 3.6v149.7c0 8.2 4.5 15.9 11.5 20.1l16.6 9.5c3.5 2 7.7.8 9.7-2.8l21.7-39.3c2-3.6 6.5-4.9 9.9-2.8l68.2 40.6c3.5 2 4.7 6.7 2.8 10.3l-20.7 37.5c-2.3 3.9-.5 9 3.5 10.5c6.9 2.8 15.4 6.1 16.2 6.4c17.1 5.9 41.8 8 53.5-9.8c8.2-13.1 16.6-28 13.7-43.9zM404 180.8c0-8.2-4.4-15.9-11.5-20.1l-16.6-9.5c-3.5-2-7.7-.8-9.7 2.8L343 195.5c-2 3.6-6.5 4.9-9.9 2.8L265 157.8c-3.5-2-4.7-6.7-2.7-10.3l22.1-39.5c2.3-3.9.5-9-3.5-10.5c-6.9-2.8-15.4-6.1-16.2-6.4c-17.1-5.9-41.8-8-53.5 9.8c-8.2 12.6-16.6 27.5-13.7 43.4c4 21.1 27.1 38.8 35.3 43.6l88.1 52.9c8.5 4.9 57.5 35.5 76.4 90.7c.5 1.3 1.8 2.3 3.2 2.3c2 0 3.5-1.5 3.5-3.6z"/></svg>Como usar o ícone Smallstep
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:smallstep" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:smallstep" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:smallstep" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--smallstep]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:smallstep"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:smallstep"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/smallstep.svg" alt="Ícone Smallstep" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Smallstep
O ícone Smallstep é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Smallstep no React?
Instale @iconify/react e renderize <Icon icon="selfhst:smallstep" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Smallstep a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/smallstep.svg" alt="Ícone Smallstep">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.