devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Iconos de búsqueda gratis (SVG)

48 iconos de búsqueda gratis de sets de código abierto — haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

search
Lucidesearch
Tablersearch
Bootstrap Iconssearch
Iconoirsearch-12-filled
Fluent UIsearch
Material Symbolssearch
Material Design Iconssearch
Carbonsearch-x
Lucidesearch-filled
Tablerdoc-search
Iconoirsearch-12-regular
Fluent UIsearch-rounded
Material Symbolscar-search
Material Design Iconsbook-search
Lucideeye-search
Tablerarea-search
Iconoirsearch-16-filled
Fluent UImap-search
Material Symbolscar-search-outline
Material Design Iconsfile-search
Lucidemap-search
Tablerpage-search
Iconoirsearch-16-regular
Fluent UImap-search-outline
Material Symbolssearch-add
Material Design Iconsmail-search
Lucidesearch-off
Tablersearch-font
Iconoirsearch-20-filled
Fluent UImap-search-outline-rounded
Material Symbolssearch-add-outline
Material Design Iconsscan-search
Lucidebell-search
Tablersearch-20-regular
Fluent UImap-search-outline-sharp
Material Symbolsmap-search
Material Design Iconssearch-code
Lucidefile-search
Tablersearch-24-filled
Fluent UImap-search-rounded
Material Symbolsmap-search-outline
Material Design Iconstext-search
Lucideflag-search
Tablersearch-24-regular
Fluent UImap-search-sharp
Material Symbolssearch-web
Material Design Iconsuser-search
Lucide

Uso de iconos de búsqueda

Lupa que marca los campos y botones de búsqueda: colócala dentro del input, a la izquierda, o como botón que se expande en un campo en pantallas pequeñas.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un solo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o dimensiónalos en CSS con 1em) para que el diseño no se mueva mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Buscar”.

Licencias

Estos iconos de búsqueda provienen de Lucide, Tabler, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca entre más de 70 000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratis para uso comercial estos iconos de búsqueda?
Sí. Provienen de sets de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los archivos de los iconos.
¿Cómo cambio el color de un icono de búsqueda?
Los SVG usan currentColor, así que define el color CSS del elemento padre. También puedes abrir el icono en el buscador y elegir un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.