ICONYZ
Español
Icono Symbol Operator de Codicons

Icono Symbol Operator

codicon:symbol-operator

El icono Symbol Operator (codicon:symbol-operator) 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
symboloperator
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="M7 4.5a.5.5 0 0 1-.5.5H5v1.5a.5.5 0 0 1-1 0V5H2.5a.5.5 0 0 1 0-1H4V2.5a.5.5 0 0 1 1 0V4h1.5a.5.5 0 0 1 .5.5m2.5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0 0 1M6.854 9.146a.5.5 0 0 0-.707 0l-1.646 1.646l-1.646-1.646a.5.5 0 0 0-.707.707l1.646 1.646l-1.646 1.646a.5.5 0 0 0 .707.707l1.646-1.646l1.646 1.646a.5.5 0 0 0 .707-.707l-1.646-1.646l1.646-1.646a.5.5 0 0 0 0-.707m3.896.354a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M13.5 11h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1m-2 1.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5"/></svg>

Cómo usar el icono Symbol Operator

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

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

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

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

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

Ver todos los Codicons →