Ejemplos de iconos de distintas fuentes
Iconos de Font Awesome
Se puede añadir (en <head>):
-
CDN:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" /> -
Kit:
<script src="https://kit.fontawesome.com/usercode.js" crossorigin="anonymous"></script>
Ventajas de usar un kit
- Rápida carga y conversión de los iconos.
- Independencia con las versiones.
Inconvenientes de usar un kit
- Requiere una cuenta de usuario para generar el código, que se asociará al usuario.
- El cliente puede tener desactivado o bloqueado javascript.
En un botón:
Unicode:
Iconos de Boostrap
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">En formato svg