ICONYZ
日本語
Devicon の Chartjs アイコン

Chartjs アイコン

devicon:chartjs

Chartjs アイコン(devicon:chartjs)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Devicon
作者
konpa
ライセンス
MIT
サイズ
128 × 128
タグ
chartj
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 コードをページに直接貼り付けます。

Devicon アイコン をすべて見る →