ICONYZ
English
Cnn International icon from theSVG Color

Cnn International icon

thesvg-color:cnn-international

The Cnn International icon (thesvg-color:cnn-international) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1000 × 1000 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
1000 × 1000
Tags
cnninternational
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="#c00" d="M0 0h1000v1000.005H0z"/><path fill="#fff" d="M159.518 500.118c0 65.79 53.52 119.321 119.316 119.321h112.614c6.27 0 11.315-6.177 11.315-11.281V387.24c0-14.64 11.905-26.546 26.551-26.546c9.378 0 18.126 4.979 22.815 13c.57.962 34.66 59.745 70.748 121.98c34.475 59.44 70.12 120.903 70.716 121.92c1.586 2.709 4.694 4.454 7.922 4.454c5.121 0 9.28-4.164 9.28-9.284V387.24c0-14.64 11.915-26.546 26.55-26.546c9.384 0 18.127 4.979 22.827 13c.558.962 34.622 59.75 70.688 121.98c34.446 59.428 70.059 120.881 70.671 121.92c1.57 2.709 4.69 4.454 7.922 4.454c5.116 0 9.275-4.164 9.275-9.284V320.378H775.58v174.044s-80.42-138.427-83.03-142.875c-11.736-20.068-34.004-32.745-57.689-32.745c-37.117 0-67.214 30.108-67.214 67.225v108.395s-80.421-138.427-83.03-142.875c-11.737-20.068-34.004-32.745-57.695-32.745c-37.11 0-67.208 30.108-67.208 67.225v178.115c.017 6.483-4.859 12.13-11.944 12.146h-68.455c-42.063 0-76.17-34.102-76.17-76.176c0-42.068 34.107-76.165 76.17-76.165h57.333v-43.156h-57.815c-65.797 0-119.316 53.53-119.316 119.327"/><path fill="#fff" d="M836.002 320.375V612.76c0 14.641-11.917 26.552-26.552 26.552c-9.383 0-18.126-4.984-22.826-13.005c-.563-.963-34.627-59.74-70.688-121.98c-34.446-59.423-70.058-120.876-70.671-121.915c-1.57-2.708-4.69-4.46-7.923-4.46c-5.12 0-9.273 4.17-9.273 9.285V612.76c0 14.641-11.917 26.552-26.552 26.552c-9.383 0-18.126-4.984-22.826-13.005c-.564-.957-34.65-59.74-70.743-121.975c-34.468-59.44-70.113-120.908-70.715-121.92c-1.587-2.708-4.694-4.46-7.922-4.46c-5.121 0-9.29 4.17-9.29 9.285V608.16c0 15.205-13.356 28.538-28.577 28.538H278.836c-75.306 0-136.578-61.272-136.578-136.583c0-75.317 61.272-136.589 136.578-136.589h57.814v-43.151h-57.765c-99.27 0-179.734 80.47-179.734 179.74s80.465 179.74 179.734 179.74h113.692c43.064.027 70.754-25.212 70.7-71.755V505.586s81 139.401 83.025 142.87c11.746 20.068 34.014 32.75 57.699 32.75c37.116 0 67.214-30.113 67.214-67.225V505.586s80.415 138.422 83.025 142.87c11.741 20.068 34.01 32.75 57.694 32.75c37.116 0 67.214-30.113 67.214-67.225V320.375z"/></svg>

How to use the Cnn International icon

React

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

<Icon icon="thesvg-color:cnn-international" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:cnn-international" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:cnn-international" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:cnn-international"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/cnn-international.svg" alt="Cnn International icon" width="24" height="24">

Related icons in theSVG Color

cnn icon
cnn

Cnn International icon FAQ

Is the Cnn International 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 Cnn International icon in React?

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

How do I add the Cnn International icon to a web page?

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

Browse all theSVG Color icons →