Cnn International アイコン
thesvg-color:cnn-international
Cnn International アイコン(thesvg-color:cnn-international)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1000 × 1000 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1000 × 1000
- タグ
- cnninternational
SVG コード
<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>Cnn International アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/cnn-international.svg" alt="Cnn International アイコン" width="24" height="24">theSVG Color の関連アイコン
Cnn International アイコン のよくある質問
Cnn International アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cnn International アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:cnn-international" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cnn International アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/cnn-international.svg" alt="Cnn International アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。