Cartoon Network icon

thesvg-color:cartoon-network

The Cartoon Network icon (thesvg-color:cartoon-network) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 721 × 722 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 721 × 722
Tags: cartoonnetwork

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="721" height="722" viewBox="0 0 721 722"><defs><clipPath id="SVGF1g52bpp"><path d="M325-1h721v722H325z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVGF1g52bpp)" transform="translate(-325 1)"><path d="M326 360C326 161.177 487.177 0 686 0s360 161.177 360 360s-161.177 360-360 360s-360-161.177-360-360m161.517 0c0 109.619 88.864 198.483 198.483 198.483S884.483 469.619 884.483 360S795.619 161.517 686 161.517S487.517 250.381 487.517 360"/><path fill="#fff" d="M334 360C334 166.148 491.372 9 685.5 9S1037 166.148 1037 360c0 193.853-157.372 351.001-351.5 351.001S334 553.853 334 360m144.893 0c0 113.83 92.501 206.108 206.607 206.108S892.107 473.83 892.107 360S799.606 153.893 685.5 153.893S478.893 246.17 478.893 360"/><path fill="#fff" stroke="#000" stroke-miterlimit="8" stroke-width="4" d="M345 360c0-187.777 152.447-340 340.5-340S1026 172.223 1026 360S873.553 700.001 685.5 700.001S345 547.777 345 360Zm120.877 0c0 121.019 98.328 219.123 219.623 219.123S905.123 481.019 905.123 360S806.795 140.878 685.5 140.878S465.877 238.982 465.877 360Z"/><path fill="#fff" stroke="#000" stroke-miterlimit="8" stroke-width="4" d="M797.593 566.35c-1.529.145-2.963.565-4.276 1.281c-1.313.717-2.443 1.695-3.391 2.902c-6.636 8.447-4.374 28.085 6.153 47.359c12.029 22.028 30.297 35.24 40.802 29.509s9.268-28.234-2.762-50.261c-10.526-19.275-25.828-31.799-36.526-30.79Zm7.591-16.802c19.84-.382 40.964 12.539 52.952 34.49c15.983 29.267 9.672 63.505-14.096 76.472s-55.994-.248-71.978-29.515c-11.988-21.951-11.435-46.698-.382-63.169c3.685-5.491 8.535-10.062 14.478-13.304s12.413-4.847 19.026-4.974Zm-248.576-11.797c28.096 20.913 69.825 36.265 97.365 38.826c15.075 1.268 17.352 13.659 1.823 15.483l9.922 64.866l23.717-32.203l25.237 30.685l11.594-65.17c-12.849 2.651-12.622-13.608-1.823-14.572l22.174-5.414c10.799-3.349 11.861 12.488-2.657 16.369l-17.339 110.506l-11.568.684l-30.401-45.033L660.378 699l-10.859-1.518l-19.542-105.726a224 224 0 0 1-18.399-5.699l-6.887-2.79l-32.98 76.402c14.838 7.044 7.697 24.099-8.347 17.796l-24.483-10.288c-15.394-7.879-3.524-23.543 9.46-16.962l34.513-76.829l-6.823-3.419a298 298 0 0 1-17.46-10.391c-7.33 10.615-21.337.097-13.644-8.197Zm326.04-35.656c-4.617.449-8.997 2.313-11.854 5.748l-13.237 13.23l23.819 26.452l14.457-15.49c16.646-19.9.666-31.286-13.185-29.94Zm8.192-20.107c21.704.58 44.227 14.134 23.451 49.995l-3.609 5.511h42.961c8.811-13.424 24.552-5.815 18.735 4.873l-12.576 17.443c-7.785 9.491-25.322 3.591-16.425-10.004l-43.222.233l-8.497 8.904l23.095 25.647c11.128-8.157 22.257 2.039 14.467 11.957l-20.31 19.465c-10.572 10.011-23.092-3.893-13.355-14.181l-56.443-62.884l-1.015.807c-9.327 5.093-21.16-2.653-7.644-15.505c10.485-9.312 28.671-30.424 39.157-38.197c5.554-2.771 13.338-4.275 21.23-4.064Zm-393.635-1.802c2.718.3 5.506 1.925 7.731 5.384c12.921 18.186 26.897 32.417 41.136 44.277l-8.702 12.651c-7.383 11.157-21.886 5.974-12.657-10.015l-21.887-18.449l-18.71 15.994l13.7 12.997c7.999-7.906 19.426 3.427 11.076 11.597l-11.603 11.86c-5.186 5.974-19.074-.703-10.812-11.86l-14.696-14.05l-29.077 24.856l33.226 32.68c8.262-7.555 19.952-.087 12.13 11.333l-12.658 17.658c-25.842-20.381-47.201-42.08-66.187-68.26c-7.735-10.367 1.406-22.578 13.712-12.387l65.396-51.13c-3.955-6.974.433-13.844 6.212-15.013a8.6 8.6 0 0 1 2.67-.123Zm416.85-101.055c4.556.609 8.662 5.098 8.277 13.948l26.691 57.971l55.437-42.581c4.27-15.476 18.82-14.535 17.45-1.795l-4.36 24.112c-3.6 15.989-17.712 13.253-16.17-.513l-47.781 35.602l31.867 15.186c6.93-10.174 18.474-5.472 16.164 3.592l-13.341 29.241c-3.593 7.525-18.221 1.198-13.858-10.516l-77.763-37.451c-6.331 12.227-21.644 3.934-15.912-7.182l11.292-25.138c4.791-11.372 20.874-5.045 15.912 10.517l29.582 14.098l-19.573-45.905c-5.304 14.535-21.131 6.755-18.222-4.874l3.336-18.981c1.412-6.67 6.417-9.94 10.972-9.331Zm-454.805-9.553c3.759.588 6.956 3.223 7.187 7.934l1.318 15.023l-70.406 88.818l70.406-25.828c-4.395-9.752 10.724-18.713 16.085-8.698l6.065 13.178c5.186 9.927-8.086 18.8-15.294 9.488l-95.193 40.324l-10.021-23.456l59.331-74.587l-61.177 11.333c1.846 12.036-12.921 18.273-15.821 2.899l-3.692-26.092c-.879-10.63 13.8-12.035 16.349-1.054l82.536-15.286c-1.758-10.268 6.064-14.976 12.327-13.996Zm-48.055-195.052c3.541-.552 7.519 1.301 8.186 6.214l3.127 21.447l-5.088.785c-14.884 2.261-27.474 10.468-27.317 23.733c-.24 10.738 13.354 25.095 33.343 34.208c22.845 10.415 43.61 10.135 50.356-.847c3.374-5.491 1.581-17.052-3.831-28.278l-4.017-7.039c-3.991-9.465 7.265-14.433 11.273-9.658l2.812 3.155c10.963 14.677 14.382 32.628 7.359 48.018c-11.238 24.624-44.954 33.368-75.307 19.53c-22.764-10.378-37.172-30.511-38.212-50.317c-.347-6.602.051-10.914 3.601-19.324c6.843-16.209 17.474-20.095 29.958-23.969l-1.805-9.445c-1.083-4.705 2.021-7.661 5.562-8.213Zm553.974-2.6c2.199.144 4.352 1.133 5.979 3.175l14.766 25.565l-64.868 87.764l73.834-26.619c-4.219-10.981 11.34-16.428 14.24-7.116l4.48 15.813c3.61 12.651-10.98 13.705-15.028 4.481l-100.468 33.735l-3.692-15.813l44.301-64.571l-45.883 21.084c4.835 11.948-8.262 18.098-13.184 8.961c-3.341-6.94-7.208-12.299-10.812-18.449c-7.207-10.806 6.153-20.03 13.185-9.488l75.153-42.696c-5.604-9.093 1.401-16.258 7.997-15.826Zm-492.546-43.65l17.293 28.246l11.027-9.936Zm432.879-2.732c-10.409-.666-25.816 7.4-38.992 21.391c-17.21 18.273-24.097 39.733-15.383 47.932c8.714 8.198 29.73.03 46.94-18.243s24.097-39.733 15.383-47.932c-1.09-1.024-2.371-1.793-3.813-2.319c-1.262-.46-2.647-.733-4.135-.829Zm-13.975-19.053c5.176-.199 10.239.362 15.014 1.707c6.366 1.794 12.221 4.982 17.15 9.62c19.718 18.55 17.165 53.271-5.701 77.55s-57.387 28.924-77.105 10.373c-19.717-18.55-17.165-53.271 5.701-77.55c12.863-13.657 29.413-21.102 44.941-21.7ZM477.981 93.948c9.327-1.225 13.451 8.721 6.89 19.089l70.239 47.218c12.081-6.246 20.413 9.243 11.248 15.239l-15.998 11.492c-8.165 6.995-22.08-4.747-10.498-15.239l-22.09-14.281l-17.579 15.841l13.423 21.924c10.415-6.496 21.33 4.496 14.998 11.492c-6.249 6.412-11.248 12.075-16.997 19.486c-7.166 8.994-24.08.25-15.998-13.241l-40.494-72.95c-13.664 7.828-23.579-6.079-11.748-18.737c6.083-7.412 16.664-16.072 23.747-21.985c4.061-3.29 7.748-4.94 10.857-5.348Zm333.468-32.785c-10.746.023-24.773 13.959-33.397 34.155c-9.856 23.081-8.923 45.598 2.084 50.294s27.919-10.21 37.775-33.291c9.857-23.082 8.924-45.6-2.083-50.294c-1.376-.587-2.844-.868-4.379-.864ZM603.137 49.212c-2.767-.227-5.78.07-8.982 1.007l-22.401 8.745l14.575 37.686l19.806-7.274c23.732-11.42 16.374-38.58-2.998-40.164Zm199.14-4.045c6.595-.509 13.19.468 19.416 3.124c24.906 10.624 34.479 44.097 21.384 74.764c-13.096 30.668-43.901 46.916-68.807 36.293c-24.905-10.624-34.479-44.098-21.384-74.765c9.822-23 29.606-37.89 49.391-39.416ZM606.48 32.084c32.102 2.212 44.568 40.207 23.717 60.95l-2.075 1.683l25.592 29.309c16.959-2.46 18.421 16.566 8.384 17.604l-21.096 3.162c-11.224 2.775-16.199-12.438-6.677-17.158l-21.521-24.301l-20.759 8.097l10.409 26.916c12.934-5.247 18.801 11.576 9.064 15.157c-10.728 3.706-18.218 6.824-27.768 12.002c-8.023 3.523-18.107-10.316-5.519-18.563l-30.526-78.668l-4.871 1.602c-5.382.895-8.592-1.381-9.946-5.205c-1.543-4.044-.935-8.878 9.975-13.165q23.392-10.626 45.993-17.3c6.378-1.865 12.273-2.49 17.624-2.122Zm69.45-12.027c32.624-.66 64.088 4.478 89.646 10.037l-.75 12.74c-.25 16.49-16.247 16.99-15.747-1.498l-32.495-2.498l-4 86.19c12.499 2.166 12.748 17.822-.749 16.989c-7.999-.75-15.998-.999-23.997-1.499c-13.164-.25-12.581-16.239.25-16.239l3.5-86.44l-30.995-1c-.5 16.988-16.498 16.489-16.998.75c-.083-4.83-.416-9.91-.5-14.74c10.957-1.708 21.961-2.572 32.835-2.792Z"/></g></svg>

How to use the Cartoon Network icon

React

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

<Icon icon="thesvg-color:cartoon-network" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:cartoon-network" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:cartoon-network" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cartoon-network]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cartoon-network"></div>

Web component

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

<iconify-icon icon="thesvg-color:cartoon-network"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/cartoon-network.svg" alt="Cartoon Network icon" width="24" height="24">

Cartoon Network icon in other icon sets

Cartoon Network icon FAQ

Is the Cartoon Network icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Cartoon Network icon in React?

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

How do I add the Cartoon Network icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/cartoon-network.svg" alt="Cartoon Network icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →