dimigoincon
v2.5.3
Published
Dimigoin official icon pack
Downloads
1
Readme
DIMIGOINcon
Join in. Link in. DIMIGOIN. DIMIGOINcon(이하 디미고인콘)은 한국디지털미디어고등학교 인트라넷 서비스 DIMIGOIN에 사용되는 아이콘 팩입니다. Team DIMIGOIN은 아이콘을 SVG로 제작하여 Fontello을 통해 웹 폰트로 완성하였습니다. 유용성과 유려함이 공존하는 디미고인콘을 만나보세요.
구성
더 자연스러운 흐름, 더 나은 경험을 위해 DIMIGOIN은 용도가 다른 두 종류의 아이콘이 사용되었습니다. 세세한 부분에서 자연스러움을 위해 배치된 32px 이하의 작은 아이콘과 메인 페이지에서 멋진 경험을 위해 삽입된 96px 아이콘이 있죠.
작은 아이콘(32px 이하)
- icon-alert
- icon-arrow-left
- icon-arrow-up
- icon-arrow-right
- icon-arrow-down
- icon-ball
- icon-clip
- icon-club-sm
- icon-comment
- icon-counsel
- icon-cross
- icon-delete
- icon-detail
- icon-edit
- icon-editor
- icon-email
- icon-facebook-sm
- icon-hourglass
- icon-internet-class
- icon-list
- icon-logout
- icon-long-arrow-left
- icon-long-arrow-up
- icon-long-arrow-right
- icon-long-arrow-down
- icon-minus
- icon-moon
- icon-muffin
- icon-notice
- icon-ok
- icon-ok-circle
- icon-plus
- icon-profile
- icon-school-meal
- icon-search
- icon-service
- icon-setting
- icon-sun
- icon-upload
큰 아이콘(96px)
- icon-bamboo
- icon-club-lg
- icon-cart
- icon-dets
- icon-edison
- icon-facebook-lg
- icon-request
- icon-research
- icon-social
- icon-submission
- icon-newspaper
설치
Webpack
yarn add dimigoincon
# yarn add --dev style-loader file-loader
require('dimigoincon')
// import 'dimigoincon'
CDN
다음 태그를 <head> 안에 추가하세요.
<link
rel="stylesheet" type="text/css"
href="https://cdn.rawgit.com/dimigoin/dimigoincon/9e0a536/css/dimigoincon.css">
사용
위의 목록에 수록된 모든 아이콘은 웹 폰트를 통해 간편하게 사용할 수 있습니다.
<i class="icon-dimicat"></i>
정리
디미고인콘은 DIMIGOIN을 위해 탄생하여 CC-BY-NC-ND-4.0 라이선스를 채택하고 있습니다.