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

Iconos de campana gratis (SVG)

48 iconos de campana 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

bell
Lucidebell
Tablerbell
Heroiconsbell
Phosphorbell
Bootstrap Iconsbell
Iconoirbell
Material Design Iconsbell-dot
Lucidebell-filled
Tablerbell-16-solid
Heroiconsbell-bold
Phosphorbell-fill
Bootstrap Iconsbell-off
Iconoirbell-outline
Material Design Iconsbell-off
Lucidebell-x
Tablerbell-20-solid
Heroiconsbell-duotone
Phosphorbell-slash
Bootstrap Iconsbell-cog
Material Design Iconsbell-plus
Lucidebell-x-filled
Tablerbell-solid
Heroiconsbell-fill
Phosphorbell-slash-fill
Bootstrap Iconsbell-cog-outline
Material Design Iconsbell-ring
Lucidebell-z
Tablerbell-alert
Heroiconsbell-light
Phosphorbell-off
Material Design Iconsbell-check
Lucidebell-z-filled
Tablerbell-alert-16-solid
Heroiconsbell-thin
Phosphorbell-off-outline
Material Design Iconsbell-minus
Lucidebell-up
Tablerbell-alert-20-solid
Heroiconsbell-z
Phosphorbell-plus
Material Design Iconsbell-cog
Tablerbell-alert-solid
Heroiconsbell-z-bold
Phosphorbell-plus-outline
Material Design Iconsbell-off
Tablerbell-slash
Heroiconsbell-z-duotone
Phosphor

Cómo usar los iconos de campana

Una campana abre notificaciones, a menudo con un punto o un contador para los elementos no leídos.

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o dimensiona con CSS usando 1em) para que el diseño no se desplace 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 “Campana”.

Licencias

Estos iconos de campana provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir y Material Design Icons: 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 estos iconos de campana para uso comercial?
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 propios archivos de los iconos.
¿Cómo cambio el color de un icono de campana?
Los SVG usan currentColor, así que define el color CSS del elemento padre, o abre el icono en el buscador y elige 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.