Zattoo icon

cbi:zattoo

The Zattoo icon (cbi:zattoo) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<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>

How to use the Zattoo icon

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>

HTML image

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

Zattoo icon FAQ

Is the Zattoo icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Zattoo icon in React?

Install @iconify/react and render <Icon icon="cbi:zattoo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Zattoo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/zattoo.svg" alt="Zattoo icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →