Cd Logo アイコン
flat-color-icons:cd-logo
Cd Logo アイコン(flat-color-icons:cd-logo)は、Flat Color Icons セットの無料 SVG アイコンです（作者: Icons8）。 48 × 48 のグリッドで描かれています。 Flat Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flat Color Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- cdlogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2196F3" d="M17.814 18H20.2c.5 0 .8.4.8.8v16.4c0 .399-.4.8-.8.8h-2.384c-.4 0-.8-.4-.8-.8V18.8c-.1-.5.298-.8.798-.8M14.2 11h-3.3c-.5 0-.9.403-.9.807V17H2.2c-.6 0-1.2.605-1.2 1.21v16.58c0 .606.6 1.21 1.2 1.21h12c.4 0 .8-.305.8-.809V11.807c0-.404-.3-.807-.8-.807M10 31.283c0 .398-.4.8-.8.8H6.8c-.4 0-.8-.399-.8-.8V21.8c0-.4.3-.8.8-.8h2.4c.5 0 .8.4.8.8zM33.2 25c.5 0 .8.6.8.8v9.4c0 .399-.422.8-.8.8h-9.4c-.425 0-.8-.4-.8-.8v-2.386c0-.5.4-.799.8-.799L30 32v-3h-6.2c-.331 0-.8-.4-.8-.801V18.8c0-.5.4-.8.8-.8h9.4c.399 0 .8.4.8.8v2.4c0 .3-.266.8-.8.8H27v3zM48 28v7.2c0 .399-.4.8-.801.8H36.8c-.2 0-.8-.4-.8-.8V18.8c0-.5.432-.8.831-.8H47.2s.8 0 .8.8V25h-4v-2.2s.1-.8-.8-.8h-2.4c-.5 0-.8.4-.8.8v8.4c0 .399.5.8.8.8h2.4c.399 0 .8-.4.8-.8V28z"/><path fill="#0D47A1" d="M45.799 15.98H46.9v-3.099H48v-.901h-3.201v.901h1zm-1.785-1.504h-1.143v.095c0 .382-.096.573-.572.573c-.475 0-.57-.191-.57-.762v-.668c0-.572 0-.762.57-.762c.381 0 .572.095.572.477v.095h1.047v-.095c0-1.047-.381-1.429-1.523-1.429h-.287c-1.141 0-1.523.382-1.523 1.618v.764c0 1.142.381 1.618 1.523 1.618h.383c1.047 0 1.428-.477 1.428-1.43v-.095h.095zM29.516 12l-.799 2.9l-.901-2.9h-1.599v4h1.099v-3l.799 3h1.102l.898-2.9V16h1v-4zm9.197 0h-1.798l-1.199 4h1.199l.199-.7h1.401l.199.7h1.199zm-.799 2.5h-.4l.4-1.7l.398 1.7zM33.92 12h-1.9v4h1.102v-1.1h.799c1.102 0 1.5-.4 1.5-1.4v-.3c-.001-.9-.401-1.2-1.501-1.2m.4 1.6c0 .4-.1.5-.4.5h-.799v-1.2h.7c.4 0 .5.1.5.4v.3zM23.594 12h-.572c-1.143 0-1.523.382-1.523 1.618v.762c0 1.144.381 1.62 1.523 1.62h.572c1.143 0 1.523-.477 1.523-1.62v-.762c0-1.236-.38-1.618-1.523-1.618m.381 2.19c0 .571 0 .763-.571.763h-.19c-.571 0-.571-.191-.571-.763v-.572c0-.57 0-.762.571-.762h.19c.571 0 .571.191.571.762zm-3.553.287h-1.144v.095c0 .382-.095.571-.571.571s-.571-.189-.571-.762v-.666c0-.573 0-.762.571-.762c.381 0 .571.095.571.475v.096h1.048v-.096c0-1.047-.381-1.428-1.523-1.428h-.286c-1.143 0-1.524.381-1.524 1.618v.763c0 1.143.381 1.619 1.524 1.619h.381c1.048 0 1.429-.477 1.429-1.429v-.095h.095z"/></svg>Cd Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:cd-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:cd-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:cd-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--cd-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:cd-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:cd-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flat-color-icons/cd-logo.svg" alt="Cd Logo アイコン" width="24" height="24">Cd Logo アイコン のよくある質問
Cd Logo アイコンは商用利用でも無料ですか?
はい。Flat Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cd Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="flat-color-icons:cd-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cd Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flat-color-icons/cd-logo.svg" alt="Cd Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。