純 CSS 實現的圖標集:icono
ICONO是不需要外部資源的圖標包。每個標簽可以用純CSS制作的圖標。
如何使用
To get going with icono you can:
- Download icono.min.css or
- Install it with Bower:bower install https://github.com/saeedalipoor/icono.git
And then load it in your page:
<link rel="stylesheet" href="icono.min.css">
or
You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in variable.less.
and then
just add iconos classes to any type of elements that support psuedo-element.
示例:
<i class="icono-mail"></i>
<div class="icono-mail"></div>
<span class="icono-mail"></span>
<whatever class="icono-mail"></whatever>
Also you can change color of icons as simple as set color for an element.
Example:
i.heart{color: red;}
可用的class
- icono-home
- icono-mail
- icono-rss
- icono-hamburger
- icono-plus
- icono-cross
- icono-check
- icono-power
- icono-heart
- icono-infinity
- icono-flag
- icono-file
- icono-image
- icono-video
- icono-music
- icono-headphone
- icono-document
- icono-folder
- icono-pin
- icono-smile
- icono-eye
- icono-sliders
- icono-share
- icono-sync
- icono-reset
- icono-gear
- icono-signIn
- icono-signOut
- icono-support
- icono-dropper
- icono-tiles
- icono-list
- icono-chain
- icono-油Tube
- icono-rename
- icono-search
- icono-book
- icono-forbidden
- icono-trash
- icono-keyboard
- icono-mouse
- icono-user
- icono-crop
- icono-display
- icono-imac
- icono-iphone
- icono-macbook
- icono-imacBold
- icono-iphoneBold
- icono-macbookBold
- icono-nexus
- icono-microphone
- icono-asterisk
- icono-terminal
- icono-paperClip
- icono-market
- icono-clock
- icono-textAlignRight
- icono-textAlignCenter
- icono-textAlignLeft
- icono-indent
- icono-outdent
- icono-frown
- icono-meh
- icono-locationArrow
- icono-plusCircle
- icono-checkCircle
- icono-crossCircle
- icono-exclamation
- icono-exclamationCircle
- icono-comment
- icono-commentEmpty
- icono-areaChart
- icono-pieChart
- icono-barChart
- icono-bookmark
- icono-bookmarkEmpty
- icono-filter
- icono-volume
- icono-volumeLow
- icono-volumeMedium
- icono-volumeHigh
- icono-volumeDecrease
- icono-volumeIncrease
- icono-volumeMute
- icono-tag
- icono-calendar
- icono-camera
- icono-piano
- icono-ruler
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!