Skip to content

dimigo-din/dimigoincon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DIMIGOINcon

npm npm GitHub GitHub repo size in bytes GitHub contributors

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
  • icon-newspaper
  • icon-benedu
  • icon-between

큰 아이콘(96px)

  • icon-bamboo
  • icon-club-lg
  • icon-cart
  • icon-dets
  • icon-edison
  • icon-facebook-lg
  • icon-request
  • icon-research
  • icon-social
  • icon-submission

설치

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 라이선스를 채택하고 있습니다.