본문으로 바로가기

포함된 아이콘폰트

category 스킨/플러그인&소스 2015.12.17 02:11

아이콘 사용법

스킨에 사용된 아이콘폰트는 <i> 태그에 .icon.icon-name 과 같은 구조를 지닌다. 스킨에 삽입된 아이콘 이외에도 쓸만한 아이콘들을 추가해뒀다.

<i class="icon icon-name"></i> 

cczicon 목록

오픈소스로 제공되는 아이콘들 중에 몇몇을 추려 스킨에 포함하였으니 필요에 따라 사용하도록 하자.

  • icon-menu
  • icon-list
  • icon-more-horizon
  • icon-more-vert
  • icon-add-circle
  • icon-remove_circle
  • icon-cancel-circle
  • icon-add_circle
  • icon-cancel_circle
  • icon-error
  • icon-info
  • icon-help
  • icon-home
  • icon-home2
  • icon-repeat
  • icon-links
  • icon-portrait
  • icon-image
  • icon-bookmark
  • icon-filter
  • icon-folder
  • icon-folder2
  • icon-check
  • icon-check_circle
  • icon-time
  • icon-favorite
  • icon-magnifier
  • icon-cog
  • icon-file
  • icon-close
  • icon-angle_up
  • icon-angle_down
  • icon-angle-up
  • icon-angle-down
  • icon-angle-left
  • icon-angle-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-arrow-left
  • icon-return
  • icon-new
  • icon-marker-circle
  • icon-tag
  • icon-tags
  • icon-download
  • icon-crown
  • icon-message
  • icon-bell
  • icon-bell-ring
  • icon-pen
  • icon-pens
  • icon-share
  • icon-rss
  • icon-tistory
  • icon-github
  • icon-kakaostory
  • icon-path
  • icon-evernote
  • icon-line-messenger
  • icon-twitter
  • icon-facebook
  • icon-google-plus
  • icon-naver
  • icon-youtube
  • icon-twitch
  • icon-pocket
  • icon-mac
  • icon-windows
  • icon-android
  • icon-linux
  • icon-bug
  • icon-smiley
  • icon-lock-circle
  • icon-soundcloud
  • icon-vimeo
  • icon-enter
  • icon-exit


파일로 다운로드

cczicon.zip


'스킨 > 플러그인&소스' 카테고리의 다른 글

애드센스 추가하기  (12) 2015.12.28
포함된 아이콘폰트  (5) 2015.12.17

댓글을 달아 주세요

  1. BlogIcon SONYLOVE 2016.01.13 12:21 신고

    유용한 이미지가 많네요. 잘 쓰도록 하겠습니다. 감사합니다. ^_^;

  2. BlogIcon COCO Media 2016.02.06 21:14 신고

    감사합니다^^ 카카오톡 이미지도 필요했었는데 파일을 받아보니 해당사이트에서 쉽게 추가할 수 있도록 되어있네요!! svg파일을 구해서 카톡도 추가해서 사용해야겠습니다!! 하나하나 배울때 마다 신세계네요!

    처음에는 사용하기 힘들어서 조금 헤맸었는데

    그냥 로고벡터 사이트에서 svg 파일을 갖고가서 올리면
    따로 프로그램 없어도 색상 수정도 가능하고 좋네요+_+!
    ---------
    ㅠ_ㅠ 글짜가 안나와서 포기에요 벡터로고이미지가 중요한거같네요 직접만들지 않는이상 ㅠ_ㅠ 구하기는 힘드네요 일러스트는 도저히 강의도없어서 힘드네요ㅎㅎ

  3. BlogIcon 언젠간날고말거야 2016.02.24 01:11 신고

    이 폰트들 정말 사용하고 싶은데요.
    사용법을 조금만 자세히 알려주시면 고맙겠습니다.
    폰트어썸은 css 로딩만하고 <i></i>로 써주기만 하면 되었는데,
    다운로드 해서 어떻게 써야할지 잘 모르겠어요. 부탁 좀 드리겠습니다.
    감사합니다.

  4. BlogIcon Mindcircus 2016.08.08 17:26 신고

    와 감사합니다

  5. BlogIcon 맏내 2016.09.15 23:57 신고

    문의합니다 ㅠㅠ i태그에 넣어서 사용하는건 알겠는데 아이콘의 크기를 바꾸려면 어떻게 해야되나요???

티스토리 툴바