Chromatic アイコン
material-icon-theme:chromatic
Chromatic アイコン(material-icon-theme:chromatic)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ff5722" d="m10.326 12.544l-1.556-.901l4.667-2.702c.164-.082.327-.246.491-.327c.655.901.655 2.047.164 2.947c-.737 1.31-2.456 1.801-3.766.982Zm.246.9C10.081 14.426 9.18 15 8.034 15a2.76 2.76 0 0 1-2.784-2.784V6.812l2.374 1.392v3.439c0 .164 0 .246.164.327l2.129 1.228s.409.164.655.246m-6.222-.491c-.982 0-1.883-.491-2.374-1.392c-.327-.655-.491-1.392-.246-2.129c.164-.737.655-1.31 1.31-1.637l1.556-.901v6.058zm3.684-5.321L5.087 5.913h-.409L2.549 7.141c-.164.082-.327.246-.491.327c-.655-.901-.655-2.047-.164-2.947c.491-.819 1.392-1.392 2.374-1.392c.491 0 .982.164 1.392.409l4.708 2.726zm0-6.632a2.76 2.76 0 0 1 2.784 2.784v1.801L6.151 2.883c-.164-.082-.327-.164-.573-.246C6.069 1.655 6.479 1 8.034 1m6.418 4.748c.059 1.009-.417 2.018-1.341 2.538l-4.667 2.702V8.204l2.947-1.719c.082 0 .164-.164.164-.327V3.047c1.032-.079 2.79.856 2.897 2.702Z"/></svg>Chromatic アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:chromatic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:chromatic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:chromatic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--chromatic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:chromatic"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:chromatic"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/chromatic.svg" alt="Chromatic アイコン" width="24" height="24">他のアイコンセットの Chromatic アイコン
Chromatic アイコン のよくある質問
Chromatic アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chromatic アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:chromatic" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chromatic アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/chromatic.svg" alt="Chromatic アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。