Ícone Zencoder
thesvg:zencoder
O ícone Zencoder (thesvg:zencoder) é 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" fill-rule="evenodd" d="M9.898 16.313c-.302-1.02-.813-2.23-1.856-2.676c-1.058-.412-2.263.079-3.13.703c-.648.476-1.215 1.112-1.515 1.873q-.153.392-.206.805a5 5 0 0 0-.073.83c.031 1.809 1.007 3.544 2.348 4.721c.73.624 1.675 1.197 2.68 1.126c1.602-.163 1.91-2.142 2.082-3.426c.073-.53.076-1.067.05-1.6a10.6 10.6 0 0 0-.383-2.357h.003zm9.305.417a8.7 8.7 0 0 0-1.507-.545c-.77-.206-1.56-.335-2.362-.364c-1.06-.028-2.37.082-3.117.94c-.72.878-.624 2.18-.296 3.195c.254.765.682 1.499 1.315 2.02c.214.176.45.328.702.447c.248.124.5.246.768.327c1.729.53 3.681.139 5.213-.773c.816-.5 1.656-1.225 1.896-2.204c.339-1.575-1.444-2.479-2.615-3.04zm4.615-8.693c-.225-.931-.651-1.956-1.506-2.486c-1.391-.81-2.802.61-3.7 1.547a8.4 8.4 0 0 0-.981 1.263c-.434.67-.801 1.38-1.075 2.132c-.352 1.001-.654 2.283-.07 3.254c.612.954 1.876 1.267 2.942 1.27c.807-.003 1.637-.186 2.328-.626a3.3 3.3 0 0 0 .64-.53c.195-.199.387-.402.548-.628c1.038-1.481 1.27-3.46.874-5.201zm-8.881.725c1.097-.287 1.783-1.394 2.115-2.407c.246-.768.328-1.614.124-2.408a3.5 3.5 0 0 0-.304-.772a5 5 0 0 0-.429-.715C15.354 1.015 13.546.185 11.768.021c-.956-.073-2.06.018-2.83.666c-1.201 1.076-.287 2.857.328 3.997c.254.471.564.909.9 1.324a10.5 10.5 0 0 0 1.695 1.682c.841.646 1.967 1.326 3.076 1.072m-9.311 3.616a10.5 10.5 0 0 0 2.125-1.092c.874-.602 1.867-1.463 1.969-2.595c.065-1.132-.773-2.127-1.636-2.757c-.655-.47-1.434-.81-2.252-.863a3.4 3.4 0 0 0-.826.05a5 5 0 0 0-.813.187C2.483 5.895 1.132 7.36.43 9.002c-.366.887-.62 1.968-.242 2.899c.652 1.473 2.627 1.154 3.9.923a9 9 0 0 0 1.537-.446z"/></svg>Como usar o ícone Zencoder
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:zencoder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:zencoder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:zencoder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--zencoder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:zencoder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:zencoder"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Ícone Zencoder" width="24" height="24">O ícone Zencoder em outras coleções
Perguntas frequentes sobre Ícone Zencoder
O ícone Zencoder é 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 Zencoder no React?
Instale @iconify/react e renderize <Icon icon="thesvg:zencoder" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Zencoder a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Ícone Zencoder">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.