Iconos

Iconos generales
Iconos especificos
Iconos adicionales
Iconos sobre imagen y video

Iconos generales

Los iconos para los productos digitales de la DIAN están basados en los iconos de Material Design: https://fonts.google.com/icons

Tamaño definido para los iconos:

Grande (desktop)

24px

Tamaño definido para los iconos:

Pequeño (mobile)

24px

Acciones

search

Acciones

home

Acciones

settings

Acciones

account_circle

Acciones

done

Acciones

info

Acciones

check

Acciones

delete

Acciones

visibility

Acciones

logout

Acciones

description

Acciones

calendar_today

Acciones

visibility_off

Acciones

highlight_off

Acciones

help

Acciones

assignment

Acciones

build

Acciones

query_builder

Acciones

addchart

Acciones

meditation

Navegación

close

Acciones

menu

Acciones

expand_more

Acciones

arrow_back

Acciones

chevron_right

Acciones

more_vert

Acciones

chevron_left

Acciones

arrow_forward

Acciones

expand_less

Acciones

more_horiz

Acciones

refresh

Acciones

unfold_more

Conentido

add

Acciones

send

Acciones

save

Acciones

link

Acciones

create

Acciones

undo

Acciones

save_alt

Acciones

redo

Social

person

Acciones

notifications

Acciones

groups

Acciones

people

Acciones

share

Acciones

ios_share

Acciones

notification_off

Acciones

switch_account

Imagen

edit

Acciones

navigate_next

Acciones

photo_camera

Acciones

image

Acciones

picture_as_pdf

Acciones

navigate_before

Acciones

rotate_right

Acciones

rotate_left

Comunicación

email

Acciones

location_on

Acciones

phone

Acciones

chat

Archivo

download

Acciones

upload

Acciones

folder

Acciones

attachment

Audio & Video

play

Acciones

play_cirlce_filled

Acciones

mic

Acciones

volume_up

Acciones

pause

Acciones

volume_off

Acciones

mic_off

Acciones

volume_mute

Toggle

check_box

Acciones

check_box_outline_blank

Acciones

radio_button_unchecked

Acciones

radio_button_checked

Acciones

toggle_on

Acciones

toggle_off

Acciones

Acciones

Alerta

warning

Acciones

error

Acciones

error_outline

Acciones

warning_amber

Editor

mode_edit

Acciones

attach_file

Acciones

post_add

Acciones

insert_drive_file

Iconos especificos

Este tipo de iconografía servirá para identificar partes especificas de interacción; para esto se crearan iconos personalizados.
El formato definido para el uso de los iconos es .SVG

Activo

Inactivo

Blanco

Error

Iconos adicionales

El formato definido para el uso de los iconos es .SVG

Control slide

Sobre fondo claro

Sobre fondooscuro

Control slide flechas

4

Sobre fondo claro

5

Sobre fondo claro

4

Sobre fondo claro

5

Sobre fondo claro

Menu hamburguesa

Menú desktop

Menú mobile

Tags

Casa

Tag

Casa    X

Tag + icono borrar
Icono sobre imagen y video
El formato definido para el uso de los iconos es .SVG

Ver más

Icono ver más imágenes

Icono play

¡Importante!

Accede a todos los archivos JavaScript y CSS de los elementos que se encuentran en este micrositio descargando el sistema de diseño para desarrolladores aquí.

Ir al contenido