Ir al contenido
SVG Nexus Iconos vectoriales y 3D
3d MIT 11 nodos vectoriales
ID Button - Fluent UI Emoji iconFree ID Button vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 6745 bytes.
viewBox 0 0 32 32 Estático
1. Color

Los colores originales del icono se mantienen hasta que elijas un color nuevo.

2. Fondo del lienzo y transformaciones
3. Ajustes de animación vectorial en vivo Incluido en la exportación SVG
Editar en el editor SVG Abrir el estudio vectorial
Fluent UI Emoji | Iconos vectoriales 3D | viewBox="0 0 32 32" | Gratis para uso comercial

Icono SVG de ID Button

La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. ID Button - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador

Descargas instantaneas vectoriales y de alta resolución
Los colores originales del icono se mantienen hasta que elijas un color nuevo. Paquete con créditos fluentui-emoji-id-button.svg (7.118 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="ID Button icon"><title>ID Button - Fluent UI Emoji icon</title><desc>Free ID Button vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 6745 bytes.</desc>
<g filter="url(#nx16687_filter0_ii_18590_2382)">
<rect x="2.30127" y="1.9375" width="27.875" height="27.875" rx="3.6" fill="url(#nx16687_paint0_linear_18590_2382)"/>
<rect x="2.30127" y="1.9375" width="27.875" height="27.875" rx="3.6" fill="url(#nx16687_paint1_radial_18590_2382)"/>
</g>
<g filter="url(#nx16687_filter1_f_18590_2382)">
<path d="M28.4888 4.4375V27.3125" stroke="url(#nx16687_paint2_linear_18590_2382)" stroke-width="1.5" stroke-linecap="round"/>
</g>
<g filter="url(#nx16687_filter2_f_18590_2382)">
<path d="M5.76514 3.75H27.5464" stroke="url(#nx16687_paint3_linear_18590_2382)" stroke-width="1.5" stroke-linecap="round"/>
</g>
<g filter="url(#nx16687_filter3_f_18590_2382)">
<path d="M14.0491 7.70551C13.2897 7.70551 12.6741 8.32111 12.6741 9.08051V22.6695C12.6741 23.4289 13.2897 24.0445 14.0491 24.0445H17.3535C21.9048 24.0445 25.6319 20.4074 25.6319 15.875C25.6319 11.3426 21.9048 7.70551 17.3535 7.70551H14.0491ZM15.5241 21.2945C15.4688 21.2945 15.4241 21.2497 15.4241 21.1945V10.5555C15.4241 10.5003 15.4688 10.4555 15.5241 10.4555H17.3535C20.4274 10.4555 22.8819 12.9024 22.8819 15.875C22.8819 18.8476 20.4274 21.2945 17.3535 21.2945H15.5241Z" fill="#6A4EBE"/>
<path d="M10.4297 9.18064C10.4289 8.42125 9.81259 7.80631 9.0532 7.80713C8.29381 7.80795 7.67887 8.42423 7.67969 9.18362L7.6942 22.5694C7.69502 23.3288 8.3113 23.9437 9.07069 23.9429C9.83008 23.942 10.445 23.3258 10.4442 22.5664L10.4297 9.18064Z" fill="#6A4EBE"/>
</g>
<g filter="url(#nx16687_filter4_ii_18590_2382)">
<path d="M14.0491 7.70551C13.2897 7.70551 12.6741 8.32111 12.6741 9.08051V22.6695C12.6741 23.4289 13.2897 24.0445 14.0491 24.0445H17.3535C21.9048 24.0445 25.6319 20.4074 25.6319 15.875C25.6319 11.3426 21.9048 7.70551 17.3535 7.70551H14.0491ZM15.5241 21.2945C15.4688 21.2945 15.4241 21.2497 15.4241 21.1945V10.5555C15.4241 10.5003 15.4688 10.4555 15.5241 10.4555H17.3535C20.4274 10.4555 22.8819 12.9024 22.8819 15.875C22.8819 18.8476 20.4274 21.2945 17.3535 21.2945H15.5241Z" fill="#FCF2FF"/>
<path d="M10.4297 9.18064C10.4289 8.42125 9.81259 7.80631 9.0532 7.80713C8.29381 7.80795 7.67887 8.42423 7.67969 9.18362L7.6942 22.5694C7.69502 23.3288 8.3113 23.9437 9.07069 23.9429C9.83008 23.942 10.445 23.3258 10.4442 22.5664L10.4297 9.18064Z" fill="#FCF2FF"/>
</g>
<defs>
<filter id="nx16687_filter0_ii_18590_2382" x="2.30127" y="0.9375" width="29.875" height="28.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="-1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_2382"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/>
</filter>
<filter id="nx16687_filter1_f_18590_2382" x="25.7388" y="1.6875" width="5.5" height="28.375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_18590_2382"/>
</filter>
<filter id="nx16687_filter2_f_18590_2382" x="3.01514" y="1" width="27.2812" height="5.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_18590_2382"/>
</filter>
<filter id="nx16687_filter3_f_18590_2382" x="6.67969" y="6.70551" width="19.9521" height="18.339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_18590_2382"/>
</filter>
<filter id="nx16687_filter4_ii_18590_2382" x="7.27969" y="7.30551" width="18.7521" height="17.139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.4" dy="0.4"/>
<feGaussianBlur stdDeviation="0.375"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_2382"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.4" dy="-0.4"/>
<feGaussianBlur stdDeviation="0.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/>
</filter>
<linearGradient id="nx16687_paint0_linear_18590_2382" x1="16.2388" y1="5.51201" x2="16.2388" y2="38.7647" gradientUnits="userSpaceOnUse">
<stop stop-color="#9865EE"/>
<stop offset="1" stop-color="#7764C6"/>
</linearGradient>
<radialGradient id="nx16687_paint1_radial_18590_2382" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.9575 4.03125) rotate(136.771) scale(2.14444 2.50466)">
<stop stop-color="#BB8DFF"/>
<stop offset="1" stop-color="#BB8DFF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx16687_paint2_linear_18590_2382" x1="28.9888" y1="4.4375" x2="28.9888" y2="27.3125" gradientUnits="userSpaceOnUse">
<stop stop-color="#AE7EFF"/>
<stop offset="1" stop-color="#8777D6"/>
</linearGradient>
<linearGradient id="nx16687_paint3_linear_18590_2382" x1="28.7026" y1="4.00002" x2="3.17139" y2="4.00002" gradientUnits="userSpaceOnUse">
<stop stop-color="#A672FF"/>
<stop offset="1" stop-color="#9A6CEB"/>
</linearGradient>
</defs>
</svg>
Prompt de IA y mejora vectorial

Quieres mejorar o cambiar el estilo de este icono? ID Button

Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. ID Button

Abrir en el generador de iconos con IA
Generador de prompts 100% en el navegador
Icono SVG ID Button - Fluent UI Emoji (MIT)
Verificación de fuente y licencia LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-emoji | Sin Registro | 100% en tu Navegador

Palabras clave
#fluentui #emoji #id #button #3d

ID Button - Especificaciones tecnicas del vector

La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. ID Button

Identificador canonico del archivo fluentui-emoji/fluentui-emoji-id-button
Paquete de biblioteca de origen Fluent UI Emoji
Cuadrícula de coordenadas y viewBox viewBox="0 0 32 32"
Peso sin comprimir 7.118 bytes (~3.915 bytes gzipped)
Licencia SPDX y uso comercial MIT - Gratis para uso comercial
Upstream Source https://github.com/microsoft/fluentui-emoji
Formatos de exportación admitidos SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Garantia de seguridad y privacidad Sin Registro | 100% en tu Navegador

Como usar y personalizar este icono: ID Button

  1. Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (0.5px-4px), Ajustes de animación vectorial en vivo
  2. Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (2048x2048 px)
  3. Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
  4. Edición vectorial profunda: Editar en el editor SVG (77.087)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda. fluentui-emoji-id-button.svg aria-hidden="true" focusable="false"

Mas en Iconos vectoriales 3D

Explorar

Explorar más

Preguntas frecuentes

ID Button - Preguntas frecuentes

¿Qué licencia cubre ID Button? +

ID Button proviene de Fluent UI Emoji y está cubierto por MIT. Atribución: Crédito obligatorio.

¿En qué formatos puedo descargar ID Button? +

ID Button es un vector de estilo 3d (viewBox 0 0 32 32). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.

¿De dónde procede el icono ID Button? +

ID Button forma parte de la biblioteca Fluent UI Emoji de Microsoft Corporation, en la categoría Iconos vectoriales 3D. El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.

100% en tu Navegador | 77.087 iconos

Editor SVG

Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.

Abrir en editor Explorar todos los iconos (77.087)

Escribe para buscar entre 77.087 iconos vectoriales...

Navegar | Enter para abrir Explorar todos los iconos

Comparar

Fuente y licencia del icono

Licencia Uso comercial Atribución Modificar o recolorear
MITPermitidoAviso en el paquetePermitido
ISCPermitidoAviso en el paquetePermitido
Apache-2.0PermitidoObligatorio con archivo de avisoPermitido
CC BY 4.0PermitidoCrédito obligatorioPermitido
CC-BY-SA-4.0PermitidoCompartir igualCompartir igual
CC BY-ND 2.0 / 4.0PermitidoCrédito obligatorioNo derivative works or modified copies
Trademark / BrandSolo uso referencialGuias del duenoRestringido

Vista previa del icono