outline
duotone
MIT
3 nodos vectoriales
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animacion vectorial en vivo
Incluido en la exportacion SVG
Search Visual - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Search Visual - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolucion
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
fluentui-color-search-visual-24-color.svg (2,024 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Search Visual icon"><title>Search Visual - Fluent UI Color icon</title><desc>Free Search Visual vector icon from the Fluent UI Color open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 4C4.22386 4 4 4.22386 4 4.5V8C4 8.55228 3.55228 9 3 9C2.44772 9 2 8.55228 2 8V4.5C2 3.11929 3.11929 2 4.5 2H8C8.55228 2 9 2.44772 9 3C9 3.55228 8.55228 4 8 4H4.5ZM15 3C15 2.44772 15.4477 2 16 2H19.5C20.8807 2 22 3.11929 22 4.5V8C22 8.55228 21.5523 9 21 9C20.4477 9 20 8.55228 20 8V4.5C20 4.22386 19.7761 4 19.5 4H16C15.4477 4 15 3.55228 15 3ZM3 15C3.55228 15 4 15.4477 4 16V19.5C4 19.7761 4.22386 20 4.5 20H8C8.55228 20 9 20.4477 9 21C9 21.5523 8.55228 22 8 22H4.5C3.11929 22 2 20.8807 2 19.5V16C2 15.4477 2.44772 15 3 15ZM21 15C21.5523 15 22 15.4477 22 16V19.5C22 20.8807 20.8807 22 19.5 22H16C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20H19.5C19.7761 20 20 19.7761 20 19.5V16C20 15.4477 20.4477 15 21 15Z" fill="url(#nx4845_paint0_linear_378174_9580)"/> <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15ZM7.5 8.75C8.19036 8.75 8.75 8.19036 8.75 7.5C8.75 6.80964 8.19036 6.25 7.5 6.25C6.80964 6.25 6.25 6.80964 6.25 7.5C6.25 8.19036 6.80964 8.75 7.5 8.75Z" fill="url(#nx4845_paint1_radial_378174_9580)"/> <defs> <linearGradient id="nx4845_paint0_linear_378174_9580" x1="1.21032" y1="0.325396" x2="16.8929" y2="25.6587" gradientUnits="userSpaceOnUse"> <stop offset="0.0152387" stop-color="#3DCBFF"/> <stop offset="1" stop-color="#0094F0"/> </linearGradient> <radialGradient id="nx4845_paint1_radial_378174_9580" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.98438 8.4375) rotate(48.0128) scale(7.35745 6.30132)"> <stop stop-color="#0FAFFF"/> <stop offset="1" stop-color="#2052CB"/> </radialGradient> </defs> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Search Visual
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Search Visual
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Fluent UI Color | Author: Microsoft Corporation | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#fluentui
#color
#search
#visual
#24
#interface
#duotone
#search visual svg
#search visual icon
#search visual fluent ui color
#search visual react tsx
#search visual vue
#search visual png
Popular en tu idioma
iconos svg gratis
descargar iconos vectoriales gratis
convertir svg a png online
editor svg gratis en el navegador
iconos 3d svg
optimizar archivos svg
componentes react svg
animar iconos svg con css
iconos para uso comercial
biblioteca iconos svg
Search Visual - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Search Visual
| Identificador canonico del archivo | fluentui-color/fluentui-color-search-visual-24-color |
|---|---|
| Paquete de biblioteca de origen | Fluent UI Color |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 24 24" |
| Peso sin comprimir | 2,024 bytes (~1,113 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Formatos de exportacion 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: Search Visual
- Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animacion vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edicion vectorial profunda: Editar en el editor SVG (76,166)
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-color-search-visual-24-color.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
outline
Sharp Content Content Add Circle
Material Icons|interface
outline
Sharp Content Content Add Link
Material Icons|interface
outline
Regular Play
Phosphor Icons|interface
outline
Sharp Content Content Add
Material Icons|interface
outline
Regular Playlist
Phosphor Icons|interface
Sharp Content Content Amp Stories
Material Icons|interface
Sharp Content Content Archive
Material Icons|interface
Regular Plug
Phosphor Icons|interface
Sharp Content Content Attribution
Material Icons|interface
Regular Plugs Connected
Phosphor Icons|interface
Sharp Content Content Backspace
Material Icons|interfaceExplorar más
Preguntas frecuentes
Search Visual - Preguntas frecuentes
¿El icono SVG Search Visual es gratis para uso comercial? +
Sí, el icono Search Visual de la colección Fluent UI Color tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Search Visual mantiene sus colores originales al descargarlo? +
Sí, Search Visual conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Search Visual en React o Vue? +
Abre la pestana React TSX o Vue 3 en esta pagina y pulsa Copy SVG. Pega el componente en tu proyecto y dale estilo con CSS o Tailwind.
¿Puedo descargar Search Visual como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Search Visual con CSS? +
Selecciona una animación en el editor en vivo para incluir automáticamente los keyframes CSS.
¿Puedo generar un prompt de IA para Search Visual? +
Sí, usa el generador de prompts IA en esta página para crear una descripción en estilo 3D, Cristal o Neón.
Puedo cambiar el tamano del icono Search Visual sin perder calidad? +
Si. El archivo Search Visual es un vector con viewBox escalable, asi que se mantiene nitido a 16px, 64px, 512px o en impresion.
Donde informo un problema con el archivo Search Visual? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Search Visual van a legal@svgnexus.com.
100% en tu Navegador | 76,166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.