精美纯CSS3图标ICONO

PetitQ 图片/图形 2019-1-19 2.14K 0 0

ICONO 是一款使用纯 CSS3 制作的一套非常精美的 CSS 图标。ICONO 可以使用所有的 HTML 元素来制作图标，一个元素一个图标，没有使用字体和 SVG，纯 CSS 制作。ICONO 中共有 100 个图标。icono 可以使用所有的 HTML 元素来制作图标，如 <i> 、 <div> 、 <span> 等等。

使用方法

首先你需要将 icono.min.css 文件加入到 HTML 文档的头部。

也想出现在这里？联系我们吧

<link href="css/icono.min.css" rel="stylesheet">

然后可以在任意的 html 标签上添加所需要的图标的 class。

```
<i class="icono-mail"></i>
```
```
<div class="icono-mail"></div>
```
```
<span class="icono-mail"></span>
```

<whatever class="icono-mail"></whatever>

你可以通过元素的样式来改变图标的颜色：

```
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-youtube
```
```
    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
```

更多的信息请参考：https://github.com/saeedalipoor/icono

精美纯 CSS3 图标 ICONO

已有 535 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

演示地址

下载地址

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

图片/图形

精美纯CSS3图标ICONO

使用方法

图标 class：

精美纯 CSS3 图标 ICONO

相关文章

5 种风格css鼠标悬停图片显示文字信息特效

响应式jQuery图片放大镜插件

弹性效果的图片展示画廊特效

发表回复取消回复

热销模板

图片/图形

使用方法

图标 class：

精美纯 CSS3 图标 ICONO

相关文章

发表回复 取消回复

热销模板

发表回复取消回复