Иконка Chromatic
material-icon-theme:chromatic
Иконка Chromatic (material-icon-theme:chromatic) — бесплатная SVG-иконка из набора Material Icon Theme от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Chromatic в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.