Buscar Iconos y Añadirlos a la Página

Nuestra Biblioteca de Iconos contiene varios conjuntos de iconos: Material Design, Font Awesome, Bootstrap, Feather, Hawcons, Amazon AWS, Azure Services, Kubernetes, Google Cloud, Cisco, RPG Awesome y Emoji. Y muchos de estos conjuntos incluyen una variedad de temas.

En este artículo, aprenderás cómo encontrar los iconos que necesitas y añadirlos a la página como objetos. También te mostraremos cómo duplicar y renombrar esos iconos.

Explorar la biblioteca de iconos

Para explorar la Biblioteca de Iconos, navega a la Barra Lateral Izquierda y haz clic en la Pestaña de Iconos. La pestaña se volverá azul – y abrirá el Panel de Iconos.

En la parte superior del panel, usa el menú desplegable para seleccionar un kit de iconos, y la flecha del submenú para seleccionar un tema específico para ese kit.

Una vez que hayas seleccionado un kit y un tema, el panel mostrará varias categorías de iconos – para que puedas profundizar en un tema o acción en particular.

Puedes expandir y contraer rápidamente todas las categorías dentro de un conjunto de iconos usando el menú Más acciones, o manteniendo presionado Alt/Opción al expandir o contraer una categoría individual.

Buscar iconos

Todos nuestros iconos están etiquetados, lo que facilita buscar, encontrar, comparar y elegir el mejor para tu contexto.

Para buscar un icono:

  1. Escribe un término de búsqueda en el campo para ver el número de coincidencias en todas las bibliotecas.
  2. Haz clic en el enlace 'coincidencias' y selecciona una biblioteca de iconos del menú desplegable para ver los resultados de ese conjunto en particular.
  3. Usa el menú desplegable para hacer clic en los resultados de diferentes conjuntos sin perder el contexto de tu búsqueda.

Añadir iconos a la página

Desde el Panel de Iconos, hay dos formas de añadir un icono a tu página:

  1. Arrastra y suelta un icono en un lugar específico de la página
  2. Haz clic en el icono para que aparezca en el centro de tu viewport

Una vez que hayas añadido un icono a la página, es fácil añadir iconos posteriores del mismo conjunto. Simplemente haz clic en ese icono y, en la sección de dimensiones del Panel de Formato, debajo del nombre del icono, encontrarás un enlace rápido a la biblioteca desde la que fue añadido.

Iconos personalizados

Actualmente, no puedes cargar conjuntos de iconos personalizados en la Biblioteca de Iconos, aunque estamos desarrollando activamente esa funcionalidad.

Mientras tanto, si tienes iconos personalizados en formato SVG, hay una solución rápida y sencilla usando el Panel de Plantillas como repositorio.

Para cargar y añadir iconos personalizados:

  1. En la barra lateral izquierda, haz clic en la Pestaña de Plantillas para abrir el Panel de Plantillas.
  2. Haz clic en el botón Crear una nueva carpeta para crear una carpeta de iconos dedicada.
  3. Ponle nombre a tu carpeta para que coincida con tu conjunto de iconos específico.
  4. Arrastra y suelta los archivos de iconos svg seleccionados desde tu escritorio a la Biblioteca de Plantillas.
  5. La biblioteca conservará el nombre de los archivos de iconos individuales para que puedas buscarlos rápidamente.
  6. Arrastra tus iconos recién añadidos a la página para redimensionarlos y estilizarlos.

Duplicar iconos

Solo puedes duplicar iconos una vez que han sido añadidos a una página – como objetos.

Hay dos formas de duplicar un objeto:

  • Mientras mantienes presionado Alt/Opción, haz clic y arrastra un duplicado lejos del original
  • Ctrl/Cmd + D crea un duplicado en la página

Renombrar iconos

Puedes renombrar cualquier objeto en la página de dos formas:

  • En la parte superior del Panel de Formato, encontrarás el nombre del objeto en texto azul; simplemente haz clic en el texto para renombrarlo.
  • En el Panel de Esquema, haz doble clic en el nombre del objeto y escribe uno nuevo.

En un artículo posterior, explicaremos cómo usar el Panel de Esquema para Agrupar y Organizar tus objetos de forma rápida y efectiva.