Ícone Steem
thesvg:steem
O ícone Steem (thesvg:steem) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m17.683 16.148l-.114.114q-.354.355-.748.666l-.298.235a.11.11 0 0 1-.176-.11l.12-.53a3.3 3.3 0 0 0-.084-1.746l-.064-.195a7 7 0 0 0-.257-.671l-1.387-3.27l-.149-.445a2 2 0 0 1-.093-.425l-.025-.223a2.07 2.07 0 0 1 .59-1.696l.115-.114a8 8 0 0 1 .747-.666l.299-.235a.11.11 0 0 1 .126-.007c.04.025.06.071.049.117l-.119.53a3.3 3.3 0 0 0 .083 1.746l.064.195q.111.342.257.671l1.387 3.27l.15.445q.068.207.093.425l.025.223a2.07 2.07 0 0 1-.591 1.696m-3.997 1.073l-.146.147q-.446.447-.941.838l-.39.307a.12.12 0 0 1-.192-.12l.154-.687a4.17 4.17 0 0 0-.105-2.205l-.08-.248a9 9 0 0 0-.325-.848L9.91 10.28l-.188-.56a2.6 2.6 0 0 1-.117-.532l-.032-.285a2.59 2.59 0 0 1 .74-2.124l.146-.147q.446-.447.941-.838l.39-.307a.12.12 0 0 1 .138-.007a.12.12 0 0 1 .054.127l-.154.687a4.17 4.17 0 0 0 .105 2.205l.08.248q.142.432.325.848l1.75 4.125l.188.56q.086.26.117.532l.032.285a2.59 2.59 0 0 1-.74 2.124zM9 16.148l-.114.114a8 8 0 0 1-.747.666l-.299.235a.11.11 0 0 1-.175-.11l.12-.53a3.3 3.3 0 0 0-.084-1.746l-.064-.195a7 7 0 0 0-.257-.671l-1.387-3.27l-.15-.445a2 2 0 0 1-.093-.425l-.025-.223a2.07 2.07 0 0 1 .591-1.696l.114-.114a8 8 0 0 1 .748-.666l.298-.235a.11.11 0 0 1 .127-.007a.11.11 0 0 1 .049.117l-.12.53a3.3 3.3 0 0 0 .084 1.746l.064.195q.111.342.257.671l1.387 3.27l.149.445q.069.207.093.425l.025.223a2.07 2.07 0 0 1-.59 1.696zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0"/></svg>
Como usar o ícone Steem
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:steem" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:steem" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:steem" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--steem]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:steem"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:steem"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg/steem.svg" alt="Ícone Steem" width="24" height="24">
Ícones relacionados em theSVG
O ícone Steem em outras coleções
Perguntas frequentes sobre Ícone Steem
O ícone Steem é grátis para uso comercial?
Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Steem no React?
Instale @iconify/react e renderize <Icon icon="thesvg:steem" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Steem a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/steem.svg" alt="Ícone Steem">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG →
ICONYZ
