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

Iconos de check gratis (SVG)

48 iconos de check 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, URI de datos o CSS.

Actualizado el

check
Lucidecheck
Tablercheck
Heroiconscheck
Phosphorcheck
Bootstrap Iconscheck
Iconoircheck-20-filled
Fluent UIcheck
Material Symbolscheck
Material Design Iconscheck-line
Lucidecheck-filled
Tablercheck-16-solid
Heroiconscheck-bold
Phosphorcheck-lg
Bootstrap Iconspc-check
Iconoircheck-20-regular
Fluent UIcheck-rounded
Material Symbolscheck-bold
Material Design Iconseye-check
Tablercheck-20-solid
Heroiconscheck-duotone
Phosphorbag-check
Bootstrap Iconscheck-24-filled
Fluent UIcheck-box
Material Symbolscheck-outline
Material Design Iconsmap-check
Tablercheck-solid
Heroiconscheck-fill
Phosphorbag-check-fill
Bootstrap Iconscheck-24-regular
Fluent UIcheck-box-outline
Material Symbolscheckbox-outline
Material Design Iconsbell-check
Tablercheck-light
Phosphorcheck-all
Bootstrap Iconscheck-box-outline-rounded
Material Symbolsbug-check
Material Design Iconscopy-check
Tablercheck-thin
Phosphorcheck-box-outline-sharp
Material Symbolsbug-check-outline
Material Design Iconscopy-check-filled
Tablercheck-fat
Phosphorcheck-box-rounded
Material Symbolscheck-all
Material Design Iconsfile-check
Tablercheck-fat-bold
Phosphorcheck-box-sharp
Material Symbols

Uso de iconos de check

Las marcas de verificación confirman un éxito, las opciones seleccionadas y los pasos completados; un check dentro de un círculo transmite un «hecho» más contundente.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que se colocan: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 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, asigna a ese elemento un aria-label como «Check».

Licencias

Estos iconos de check provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols 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 check para uso comercial?
Sí. Provienen de sets de iconos de código abierto bajo 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 check?
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.