Icon

Icon UI는 서비스 전반에서 정보 전달과 상호작용을 시각적으로 보조하기 위해 사용됩니다.
기본 아이콘은 icon-*, 파일 확장자용 아이콘은 icon-ext-* 접두사를 사용하여 구분합니다.

자세한 기준은 Icon 네이밍 규칙 문서를 참고하세요.

Sizes

아이콘은 is-[size] 클래스를 조합하여 다양한 크기로 사용할 수 있습니다.

is-3xs
(14px)		 is-2xs
(16px)		 is-xs
(18px)		 is-sm
(20px)		 is-md
(24px)		 is-lg
(32px)		 is-xl
(36px)		 is-max
(100px)
Basic Icons
Icon Name is-3xs
(14px)		 is-2xs
(16px)		 is-xs
(18px)		 is-sm
(20px)		 is-md
(24px)		 is-lg
(32px)		 is-xl
(36px)		 is-max
(100px)
icon-arrow-top
icon-arrow-right
icon-arrow-bottom
icon-arrow-left
icon-chevron-top
icon-chevron-right
icon-chevron-bottom
icon-chevron-left
icon-corner-down-left
icon-double-chevron-top
icon-double-chevron-right
icon-double-chevron-bottom
icon-double-chevron-left
icon-acrobat
icon-airplane-solid
icon-calendar
icon-chart-square
icon-check
icon-check-badge-soild
icon-clock
icon-copy
icon-divide-circle
icon-divide-square
icon-download
icon-drag-cursor
icon-drag-handle
icon-edit
icon-edit-solid
icon-excel
icon-exclamation-circle
icon-exit
icon-file
icon-file-text
icon-filter
icon-folder
icon-frame
icon-globe
icon-grid
icon-heart
icon-heart-solid
icon-help-circle
icon-home
icon-home-solid
icon-hwp
icon-image
icon-inbox
icon-link
icon-lock
icon-lock-open
icon-login
icon-logout
icon-menu
icon-message-circle
icon-message-dots
icon-message-dots-solid
icon-message-square
icon-minus
icon-more-horizontal
icon-more-vertical
icon-move
icon-notification
icon-open-book-solid
icon-paperclip
icon-pause
icon-pause-circle
icon-pause-circle-solid
icon-pencil
icon-pencil-underline
icon-pie-chart
icon-pin-solid
icon-play
icon-play-circle
icon-play-circle-solid
icon-plus
icon-plus-circle
icon-ppt
icon-refresh
icon-school-solid
icon-search
icon-security-solid
icon-settings
icon-settings-solid
icon-share
icon-star
icon-star-light
icon-star-light-solid
icon-star-solid
icon-thumbs-up
icon-thumbs-up-solid
icon-trashcan
icon-upload
icon-user
icon-user-solid
icon-view-grid
icon-view-list
icon-visibility-off
icon-visibility-on
icon-visibility-on-solid
icon-word
icon-x
icon-x-lg
icon-zoom-in
icon-zoom-out
Ext Icons

파일 확장자에 따라 사용되는 전용 아이콘입니다. 클래스는 icon-ext-{name} 으로 정의됩니다.

Extension is-3xs is-2xs is-xs is-sm is-md is-lg is-xl is-max
icon-ext-jpg
icon-ext-jpeg
icon-ext-png
icon-ext-gif
icon-ext-svg
icon-ext-doc
icon-ext-docx
icon-ext-hwp
icon-ext-pdf
icon-ext-txt
icon-ext-xls
icon-ext-xlsx
icon-ext-csv
icon-ext-ppt
icon-ext-pptx
icon-ext-zip
icon-ext-mp3
icon-ext-mp4
icon-ext-gold
icon-ext-silver
icon-ext-bronze
icon-ext-other
icon-ext-korean
icon-ext-math
icon-ext-science
icon-ext-social
icon-ext-english
icon-ext-objective
icon-ext-truefalse
icon-ext-listening
icon-ext-reading
icon-ext-writing
icon-ext-sequence
icon-ext-qna
icon-ext-chat
icon-ext-info
icon-ext-pin
Image Icons
Icon Name is-3xs
(14px)		 is-2xs
(16px)		 is-xs
(18px)		 is-sm
(20px)		 is-md
(24px)		 is-lg
(32px)		 is-xl
(36px)		 is-max
(100px)
icon-ranking-gold
icon-ranking-silver
icon-ranking-bronze
icon-ranking-other
icon-subject-korean
icon-subject-math
icon-subject-science
icon-subject-social
icon-subject-english
icon-questiontype-objective
icon-questiontype-truefalse
icon-questiontype-listening
icon-questiontype-reading
icon-questiontype-writing
icon-questiontype-sequence
icon-guide-qna
icon-guide-chat
icon-guide-info
icon-guide-pin
icon-ensign
icon-3d-arrow
icon-arrow-book