ICONYZ
Español
Icono Symbol Class de Codicons

Icono Symbol Class

codicon:symbol-class

El icono Symbol Class (codicon:symbol-class) 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
symbolclass
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="M13.207 10.5a1 1 0 0 0-1.414 0l-.5.5H9V7h1.363a.99.99 0 0 0 .137 1.207l.793.793a1 1 0 0 0 1.414 0L14 7.707a1 1 0 0 0 0-1.414l-.793-.793a1 1 0 0 0-1.414 0l-.5.5H6.707l.793-.793a1 1 0 0 0 0-1.414L6.207 2.5a1 1 0 0 0-1.414 0L1.5 5.793a1 1 0 0 0 0 1.414L2.793 8.5a1 1 0 0 0 1.414 0l1.5-1.5H8v4.5a.5.5 0 0 0 .5.5h1.863a.99.99 0 0 0 .137 1.207l.793.793a1 1 0 0 0 1.414 0L14 12.707a1 1 0 0 0 0-1.414zM3.5 7.793L2.207 6.5L5.5 3.207L6.793 4.5zM13.293 7L12 8.293l-.793-.793L12.5 6.207zM12 13.293l-.793-.793l1.293-1.293l.793.793z"/></svg>

Cómo usar el icono Symbol Class

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="codicon:symbol-class"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Codicons

Icono symbol-array
symbol-array
 Icono symbol-boolean
symbol-boolean
 Icono symbol-color
symbol-color
 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 Class

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

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

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

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

Ver todos los Codicons →