ICONYZ
Español
Icono Symbol Color Compact de Codicons

Icono Symbol Color Compact

codicon:symbol-color-compact

El icono Symbol Color Compact (codicon:symbol-color-compact) es un icono SVG gratuito de la colección Codicons de Microsoft Corporation. Está dibujado en una cuadrícula de 12 × 12. Codicons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Codicons
Autor
Microsoft Corporation
Licencia
CC-BY-4.0
Tamaño
12 × 12
Etiquetas
symbolcolor, colorcompact, symbolcolorcompact
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M6 0C2.686 0 0 2.4 0 5.715a2 2 0 0 0 2 2c1.215 0 1.046-.857 2.142-.857c.552 0 .857.519.857 1.071V9a3 3 0 0 0 3 3c3 0 3.999-3.244 3.999-6c0-3.314-2.685-6-5.999-6zm2 11c-1.103 0-2-.897-2-2V7.929c0-1.181-.798-2.071-1.857-2.071c-.908 0-1.381.412-1.664.658c-.199.173-.229.2-.478.2c-.551 0-1-.448-1-1c0-2.688 2.149-4.714 5-4.715a5.005 5.005 0 0 1 4.999 5c0 .835-.145 5-2.999 5zM4.25 3.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m2.5-1a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m1 1a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0m2.5 2.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-1 2.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>

Cómo usar el icono Symbol Color Compact

React

import { Icon } from "@iconify/react";

<Icon icon="codicon:symbol-color-compact" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="codicon:symbol-color-compact" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="codicon:symbol-color-compact" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--symbol-color-compact]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:symbol-color-compact"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="codicon:symbol-color-compact"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/codicon/symbol-color-compact.svg" alt="Icono Symbol Color Compact" width="24" height="24">

Iconos relacionados en Codicons

Icono symbol-array
symbol-array
 Icono symbol-boolean
symbol-boolean
 Icono symbol-class
symbol-class
 Icono symbol-color
symbol-color
 Icono symbol-constant
symbol-constant
 Icono symbol-enum
symbol-enum
 Icono symbol-enum-member
symbol-enum-member
 Icono symbol-event
symbol-event
 Icono symbol-field
symbol-field
 Icono symbol-file
symbol-file
 Icono symbol-interface
symbol-interface
 Icono symbol-key
symbol-key
 Icono symbol-keyword
symbol-keyword
 Icono symbol-method
symbol-method
 Icono symbol-method-arrow
symbol-method-arrow
 Icono symbol-misc
symbol-misc
 Icono symbol-namespace
symbol-namespace
 Icono symbol-numeric
symbol-numeric
 Icono symbol-operator
symbol-operator
 Icono symbol-parameter
symbol-parameter
 Icono symbol-property
symbol-property
 Icono symbol-ruler
symbol-ruler
 Icono symbol-snippet
symbol-snippet
 Icono symbol-string
symbol-string

Preguntas frecuentes sobre Icono Symbol Color Compact

¿El icono Symbol Color Compact es gratis para uso comercial?

Sí. Codicons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Symbol Color Compact en React?

Instala @iconify/react y renderiza <Icon icon="codicon:symbol-color-compact" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Symbol Color Compact a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/codicon/symbol-color-compact.svg" alt="Icono Symbol Color Compact">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Codicons →