1 line
2.7 KiB
HTML
1 line
2.7 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>查看图标</title><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="description" content="File icons in the file tree."><meta name="keywords" content="file,icon,file-icons,TTF,EOT,WOFF,WOFF2,SVG"><link rel="stylesheet" href="icon.css"><style>*{margin:0;padding:0;list-style:none}body{color:#696969;font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif}a{color:#333;text-decoration:underline}a:hover{color:#0949d1}.header{color:#333;text-align:center;padding:80px 0 60px 0;min-height:153px;font-size:14px}.header .logo svg{height:120px;width:120px}.header h1{font-size:42px;padding:26px 0 10px 0}.header sup{font-size:14px;margin:8px 0 0 8px;position:absolute;color:#7b7b7b}.info{color:#999;font-weight:400;max-width:346px;margin:0 auto;padding:20px 0;font-size:14px}.icons{max-width:1190px;margin:0 auto}.icons ul{text-align:center}.icons ul li{vertical-align:top;width:120px;display:inline-block;text-align:center;background-color:rgba(0,0,0,.02);border-radius:3px;padding:29px 0 10px 0;margin-right:10px;margin-top:10px;transition:all .6s ease}.icons ul li:hover{background-color:rgba(0,0,0,.06)}.icons ul li:hover span{color:#3c75e4;opacity:1}.icons ul li .unicode{color:#8c8c8c;opacity:.3}.icons ul li h4{font-weight:400;padding:10px 0 5px 0;display:block;color:#8c8c8c;font-size:14px;line-height:12px;opacity:.8}.icons ul li:hover h4{opacity:1}.icons ul li svg{width:24px;height:24px}.icons ul li:hover{color:#3c75e4}.footer{text-align:center;padding:10px 0 90px 0}.footer a{text-align:center;padding:10px 0 90px 0;color:#696969}.footer a:hover{color:#0949d1}.links{text-align:center;padding:50px 0 0 0;font-size:14px}.icons ul li.class-icon{font-size:21px;line-height:21px;padding-bottom:20px}.icons ul li.class-icon p{font-size:12px}.icons ul li.class-icon [class^=icon-]{font-size:26px}</style></head><body><div class="header"><h1>查看图标<sup>1</sup></h1><div class="info">File icons in the file tree.</div><p><a href="index.html">Font Class Demo</a> · <a href="symbol.html">Symbol Demo</a> · <a href="unicode.html">Unicode Demo</a></p></div><div class="icons"><ul><li class="class-icon"><i class="icon-add-line"></i><p class="name">add-line</p></li><li class="class-icon"><i class="icon-github-line"></i><p class="name">github-line</p></li><li class="class-icon"><i class="icon-question-mark"></i><p class="name">question-mark</p></li></ul></div><p class="links"><a href="index.html">Font Class Demo</a> · <a href="symbol.html">Symbol Demo</a> · <a href="unicode.html">Unicode Demo</a></p><div class="footer"><div><a target="_blank" href="https://github.com/jaywcjlove/svgtofont">Created By svgtofont</a></div></div></body></html> |