Ícone Chromatic
material-icon-theme:chromatic
O ícone Chromatic (material-icon-theme:chromatic) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 24 × 24. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 24 × 24
Código 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>Como usar o ícone 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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/chromatic.svg" alt="Ícone Chromatic" width="24" height="24">O ícone Chromatic em outras coleções
Perguntas frequentes sobre Ícone Chromatic
O ícone Chromatic é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Chromatic no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:chromatic" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Chromatic a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/chromatic.svg" alt="Ícone Chromatic">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.