dimigoincon

2.5.3 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i dimigoincon

Weekly Downloads

0

Version

2.5.3

License

CC-BY-NC-ND-4.0

Unpacked Size

324 kB

Total Files

16

Last publish

Collaborators

  • murye
  • a1p4ca
  • chalkpe