ICONYZ
Español
Icono Symbol Color de Codicons

Icono Symbol Color

codicon:symbol-color

El icono Symbol Color (codicon:symbol-color) es un icono SVG gratuito de la colección Codicons de Microsoft Corporation. Está dibujado en una cuadrícula de 24 × 24. 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
24 × 24
Etiquetas
symbolcolor
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.001 1c-3.867 0-7 2.8-7 6.667A2.33 2.33 0 0 0 3.334 10C4.751 10 4.721 9 6 9c.644 0 1 .606 1 1.25v1.25a3.5 3.5 0 0 0 3.5 3.5c3.153 0 4.499-3.785 4.499-7A7 7 0 0 0 8 1zM10.5 14A2.503 2.503 0 0 1 8 11.5v-1.25C8 8.967 7.14 8 6 8c-.96 0-1.502.412-1.861.685c-.285.217-.415.315-.805.315a1.335 1.335 0 0 1-1.333-1.333C2.001 4.436 4.58 2 8.001 2A6.006 6.006 0 0 1 14 8c0 2.412-.932 6-3.499 6zm1.5-3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1-3a1 1 0 1 1-2 0a1 1 0 0 1 2 0M6 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0M9 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>

Cómo usar el icono Symbol Color

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:symbol-color"></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"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/codicon/symbol-color.svg" alt="Icono Symbol Color" 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-compact
symbol-color-compact
 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

¿El icono Symbol Color 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 en React?

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

¿Cómo añado el icono Symbol Color 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.svg" alt="Icono Symbol Color">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Codicons →