Icono Number Field
fluent-mdl2:number-field
El icono Number Field (fluent-mdl2:number-field) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- numberfield
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 1280H640v-75q0-38 14-73q11-28 33-54t50-53t55-50t51-49t38-47t15-47q0-26-19-45t-45-19q-23 0-40 14t-23 37l-125-26q6-33 23-61t44-48t57-32t64-12q40 0 75 15t61 41t41 61t15 75q0 39-11 70t-31 58t-44 51t-51 46t-51 46t-47 49h235zM2048 256v1408H0V256zm-128 128H128v1152h1792zM397 787q-29 17-68 31t-73 14V704q11 0 31-6t40-15t36-21t22-22h127v640H397zm923 493q-42 0-81-14t-75-37v-127q20 15 35 26t32 18t34 10t45 3q22 0 42-4t35-15t25-28t9-42q0-31-24-44t-56-18t-65-3t-53 2v-97h58q31 0 58-7t45-26t18-57q0-42-25-56t-64-14q-40 0-69 18t-58 43V681q34-23 76-32t82-9q36 0 70 10t60 29t43 49t16 69q0 48-19 85t-62 61q44 15 72 53t28 85t-20 84t-52 62t-75 39t-85 14"/></svg>
Cómo usar el icono Number Field
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:number-field" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:number-field" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:number-field" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--number-field]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:number-field"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:number-field"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/number-field.svg" alt="Icono Number Field" width="24" height="24">
Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Number Field
¿El icono Number Field es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Number Field en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:number-field" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Number Field a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/number-field.svg" alt="Icono Number Field">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent UI MDL2 →
ICONYZ
