Iconos
En nuestra plataforma usamos el conjunto de íconos Outline.
Ligeros y esencialmente sencillos
Uso de iconografía
1. Comunicar bien el propósito del icono, debe ser claro.
2. Cada icono tiene un color según su propósito.
3. Los iconos son simples para poder ser reconocidos facilmente sin complejidad.
4. Se utilizaran iconos similares con distintivos para marcar una cierta familiarización entre los mismos.
Estados
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Reservas-OFF.png)
Normal
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Reservas-ON.png)
Hover
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Reservas-ON.png)
Activo
Color Verde
Los íconos que integran esta categoría son aquellos a los que el cliente debe prestar atención de manera frecuente ya que en ellos se contemplan los que tienen que ver con mensajería y comunicaciones con los clientes.
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Chatbot1.png)
Chatbot
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Whatsapp1.png)
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Contacto1.png)
Contacto
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Newsletter1.png)
Newsletter
Color Rosa
Los íconos que integran esta categoría son los que el cliente debe prestar atención de manera periodica. Aquí se encuentran aquellos relacionados con contenido de carga (ya sea novedades o tienda online) y el escritorio.
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tienda-Config.png)
Tienda
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Escritorio.png)
Escritorio
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tienda-Productos.png)
Tienda Productos
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Novedades.png)
Novedades
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tienda-Marketing.png)
Tienda Marketing
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Reservas.png)
Reservas
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tienda-Analisis.png)
Tienda Analisis
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2021/04/Tienda_KS.png)
Tienda KUAD System
Color Violeta
Los íconos que se encuentran en esta categoría son de menor atención para el cliente ya que son los relacionados a la configuración de la plataforma y que accedera de manera ocasional.
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Perfil.png)
Perfil
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Codigo-QR.png)
Código QR
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Testimonios.png)
Testimonios
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Medios.png)
Medios
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Proximamente.png)
Proximamente
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Equipo.png)
Equipo
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Centro-de-Notificaciones.png)
Centro de Notificaciones
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Slider.png)
Slider
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Anuncios.png)
Anuncios
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tabla-de-Precios.png)
Tabla de Precios
Color Gris
Los íconos dentro de este color no son visibles para el usuario. Sirven para el desarrollo de la web y usos de administradores.
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Paginas.png)
Páginas
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/KS-Settings.png)
KS Settings
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Apariencia.png)
Apariencia
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Plugin.png)
Plugins
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Sendinblue.png)
Sendinblue
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/GoogleMaps.png)
Google Maps
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Ajuestes.png)
Ajustes
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Analytics.png)
Google Analytics
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tienda-Filtro.png)
Google Analytics
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Opciones.png)
Opciones
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Diseno.png)
Diseño
Complementos
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Opciones-2.png)
Apariencia
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Ver-Sitio.png)
Ver Sitio
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Vista.png)
Visibilidad
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Comentarios.png)
Comentarios
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Status.png)
Status
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Categorias.png)
Categoría
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Tips.png)
Tips
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Preguntas.png)
Preguntas
![](https://design.kuadsystem.com/wp-content/uploads/sites/19/2020/12/Calendario.png)
Publicación