Chartjs アイコン
devicon:chartjs
Chartjs アイコン(devicon:chartjs)は、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 fill="#36a2eb" d="M116.217 64.445c-17.894.351-14.167 11.679-26.778 14.544C76.628 81.899 74.605 47.7 61.797 47.7c-12.81 0-15.647 33.221-31.686 56.027l-.458.646l34.388 19.85l52.176-30.121z"/><path fill="#ffce56" d="M116.217 63.414c-5.99-7.688-10.054-16.526-18.795-16.526c-15.47 0-11.399 25.236-28.496 25.236S50.03 44.979 30.66 70.496c-6.172 8.13-11.14 17.196-15.042 25.774l48.423 27.954l52.176-30.121z"/><path fill="#fe6184" d="M11.863 73.867c5.87-16.257 8.404-29.423 19.611-29.423c17.097 0 21.166 48.031 35.823 43.145c14.654-4.884 13.026-30.935 35.823-30.935c4.339 0 8.77 2.658 13.097 6.958v30.49l-52.176 30.121l-52.178-30.121z" opacity=".8"/><path fill="#e7e9ed" d="M64 128L8.566 96.001V32L64 0l55.434 32v64zM15.079 92.241L64 120.482l48.921-28.241V35.76L64 7.519L15.079 35.76Z"/></svg>Chartjs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:chartjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:chartjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:chartjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--chartjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:chartjs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:chartjs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/chartjs.svg" alt="Chartjs アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Chartjs アイコン
Chartjs アイコン のよくある質問
Chartjs アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chartjs アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:chartjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chartjs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/chartjs.svg" alt="Chartjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。