ICONYZ
Español
Icono Zattoo de Custom Brand Icons

Icono Zattoo

cbi:zattoo

El icono Zattoo (cbi:zattoo) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Custom Brand Icons
Autor
Emanuele & rchiileea
Licencia
CC-BY-NC-SA-4.0
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" d="m12.931 6.621l3.212-3.963a.276.276 0 0 0-.051-.401l-.253-.195a.3.3 0 0 0-.415.048l-3.632 4.463a9 9 0 0 0-.999.071L8.237 3.575a.3.3 0 0 0-.198-.108a.3.3 0 0 0-.217.063l-.252.198a.28.28 0 0 0-.109.192a.28.28 0 0 0 .065.212l2.24 2.691a7.94 7.94 0 0 0-6.429 7.461C3.337 18.547 7.213 22 12 22s8.663-3.457 8.663-7.719c0-3.977-3.389-7.249-7.732-7.659m3.481 10.343c-.217.975-.65 1.354-1.74 1.436a25.2 25.2 0 0 1-5.848-.413l-.377-.076l-.08-.027a14 14 0 0 1-.89-.226a1.7 1.7 0 0 1-.314-.109q-.046-.019-.089-.043a1.66 1.66 0 0 1-.881-1.204a13.7 13.7 0 0 1-.088-4.244a1.67 1.67 0 0 1 1.13-1.321a22.6 22.6 0 0 1 7.703-.932a1.69 1.69 0 0 1 1.367.933l.054.125a1.5 1.5 0 0 1 .083.297q.054.302.094.64l.017.133l.034.348a17.5 17.5 0 0 1-.175 4.679Zm-8.603.214l-.013-.068a13 13 0 0 1-.071-3.98a.98.98 0 0 1 .649-.752a21.6 21.6 0 0 1 6.259-.968c.393 0 .771.016 1.157.048a1.06 1.06 0 0 1 .758.346a11 11 0 0 0-.094-.639a1.5 1.5 0 0 0-.083-.297l-.054-.126a2.6 2.6 0 0 0-.434-.087h-.012a15 15 0 0 0-1.23-.052a22.4 22.4 0 0 0-6.53 1.016a1.78 1.78 0 0 0-1.167 1.378a13.9 13.9 0 0 0 .072 4.27v.035l.018.057q.021.078.053.151q.043.023.089.044a1.7 1.7 0 0 0 .314.108c.317.09.572.157.89.227a1.4 1.4 0 0 1-.571-.711"/></svg>

Cómo usar el icono Zattoo

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:zattoo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:zattoo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:zattoo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--zattoo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:zattoo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:zattoo"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/cbi/zattoo.svg" alt="Icono Zattoo" width="24" height="24">

Preguntas frecuentes sobre Icono Zattoo

¿El icono Zattoo es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Zattoo en React?

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

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

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

Ver todos los Custom Brand Icons →