ICONYZ
Español
Icono Zencoder de theSVG

Icono Zencoder

thesvg:zencoder

El icono Zencoder (thesvg:zencoder) es un icono SVG gratuito de la colección theSVG de thesvg.org. Está dibujado en una cuadrícula de 24 × 24. theSVG icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG
Autor
thesvg.org
Licencia
MIT
Tamaño
24 × 24
Descargar SVG

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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Icono Zencoder" width="24" height="24">

El icono Zencoder en otras colecciones

Preguntas frecuentes sobre Icono Zencoder

¿El icono Zencoder es gratis para uso comercial?

Sí. theSVG icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Zencoder en React?

Instala @iconify/react y renderiza <Icon icon="thesvg:zencoder" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Zencoder a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Icono Zencoder">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG →