Carbon アイコン
devicon:carbon
Carbon アイコン(devicon:carbon)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M53.316 127.094c-13.828-2.641-24.859-8.398-34.437-17.973C-1.914 88.328-5.875 56.875 9.074 31.309C17.551 16.813 31.715 6.371 49.047 1.836c8.141-2.129 21.766-2.129 29.906 0c14.188 3.711 25.898 11.066 34.387 21.586c6.461 8.02 10.141 15.367 12.824 25.625c2.129 8.141 2.129 21.766 0 29.906c-6.277 24.004-23.273 41.016-47.125 47.18c-6.629 1.715-19.293 2.188-25.723.961m22.191-24.953c4.637-1.891 8.102-4.883 11.227-9.691c2.133-3.285 4.145-8.914 4.145-11.605c0-1.41-.219-1.484-4.492-1.484c-4.996 0-4.973-.02-6.383 5.574c-.922 3.66-4.203 7.77-7.684 9.625c-2.488 1.328-3.582 1.508-8.047 1.328c-4.32-.172-5.594-.488-7.746-1.91c-3.113-2.062-6.289-6.687-7.605-11.066c-2.383-7.949-2.66-26.223-.539-35.535c2.184-9.574 8.395-15.359 16.504-15.371c7.852-.012 13.488 4.969 15.754 13.918l.688 2.719h9.727l-.41-2.996c-.227-1.648-1.316-4.961-2.422-7.355c-6.055-13.141-21.758-18.172-35.551-11.391c-6.379 3.137-11.187 9.598-14.059 18.895c-1.73 5.609-1.73 30.805 0 36.414c2.621 8.496 7.402 15.402 12.887 18.613c6.652 3.898 16.371 4.434 24.008 1.32zm0 0"/></svg>Carbon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:carbon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:carbon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:carbon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--carbon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:carbon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:carbon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/carbon.svg" alt="Carbon アイコン" width="24" height="24">他のアイコンセットの Carbon アイコン
Carbon アイコン のよくある質問
Carbon アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Carbon アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:carbon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Carbon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/carbon.svg" alt="Carbon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。