"icon"
Bootstrap 3.0.0 Snippet by evarevirus

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html><html lang='en' class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/saeedalipoor/pen/fgiwK?limit=all&page=6&q=tag" /> <link rel='stylesheet prefetch' href='https://saeedalipoor.github.io/icono/icono.min.css'> <style class="cp-pen-styles">body { background: #333; font-family: sans-serif; padding: 0 100px; text-align: center; } h1 { color: #fff; } a { color: #aaa; margin: 10px; } a:hover { color: #fff; } .stage { text-align: left; } [class*='icono'] { color: #eee; opacity: 0.6; } span { padding: 10px; display: inline-block; } span:hover { transform: scale(1.5); } span:hover i { opacity: 0.8; } </style></head><body> <h1>ICONO</h1> <a href="https://saeedalipoor.github.io/icono/icono.min.css" target="_blank">Download icono.min.css</a> <a href="https://git.io/icono" target="_blank">What is icono?</a> <a href="https://codepen.io/saeedalipoor/details/QwGYgx" target="_blank">Switch with animation</a><br><br> <div class="stage"> <div class="stage"> <span><i class="icono-home"></i></span> <span><i class="icono-mail"></i></span> <span><i class="icono-rss"></i></span> <span><i class="icono-hamburger"></i></span> <span><i class="icono-plus"></i></span> <span><i class="icono-cross"></i></span> <span><i class="icono-check"></i></span> <span><i class="icono-power"></i></span> <span><i class="icono-heart"></i></span> <span><i class="icono-flag"></i></span> <span><i class="icono-share"></i></span> <span><i class="icono-pin"></i></span> <span><i class="icono-locationArrow"></i></span> <span><i class="icono-asterisk"></i></span> <span><i class="icono-image"></i></span> <span><i class="icono-video"></i></span> <span><i class="icono-music"></i></span> <span><i class="icono-document"></i></span> <span><i class="icono-file"></i></span> <span><i class="icono-folder"></i></span> <span><i class="icono-smile"></i></span> <span><i class="icono-frown"></i></span> <span><i class="icono-meh"></i></span> <span><i class="icono-user"></i></span> <span><i class="icono-eye"></i></span> <span><i class="icono-sliders"></i></span> <span><i class="icono-infinity"></i></span> <span><i class="icono-sync"></i></span> <span><i class="icono-sync spin"></i></span> <span><i class="icono-reset"></i></span> <span><i class="icono-reset spin"></i></span> <span><i class="icono-gear"></i></span> <span><i class="icono-gear spin"></i></span> <span><i class="icono-signIn"></i></span> <span><i class="icono-signOut"></i></span> <span><i class="icono-book"></i></span> <span><i class="icono-support"></i></span> <span><i class="icono-dropper"></i></span> <span><i class="icono-chain"></i></span> <span><i class="icono-paperClip"></i></span> <span><i class="icono-search"></i></span> <span><i class="icono-rename"></i></span> <span><i class="icono-crop"></i></span> <span><i class="icono-trash"></i></span> <span><i class="icono-keyboard"></i></span> <span><i class="icono-mouse"></i></span> <span><i class="icono-headphone"></i></span> <span><i class="icono-microphone"></i></span> <span><i class="icono-display"></i></span> <span><i class="icono-imac"></i></span> <span><i class="icono-iphone"></i></span> <span><i class="icono-macbook"></i></span> <span><i class="icono-imacBold"></i></span> <span><i class="icono-iphoneBold"></i></span> <span><i class="icono-macbookBold"></i></span> <span><i class="icono-nexus"></i></span> <span><i class="icono-terminal"></i></span> <span><i class="icono-youtube"></i></span> <span><i class="icono-market"></i></span> <span><i class="icono-clock"></i></span> <span><i class="icono-tiles"></i></span> <span><i class="icono-list"></i></span> <span><i class="icono-forbidden"></i></span> <span><i class="icono-plusCircle"></i></span> <span><i class="icono-crossCircle"></i></span> <span><i class="icono-checkCircle"></i></span> <span><i class="icono-exclamationCircle"></i></span> <span><i class="icono-exclamation"></i></span> <span><i class="icono-textAlignRight"></i></span> <span><i class="icono-textAlignCenter"></i></span> <span><i class="icono-textAlignLeft"></i></span> <span><i class="icono-indent"></i></span> <span><i class="icono-outdent"></i></span> <span><i class="icono-comment"></i></span> <span><i class="icono-commentEmpty"></i></span> <span><i class="icono-areaChart"></i></span> <span><i class="icono-pieChart"></span></i> <span><i class="icono-barChart"></i></span> <span><i class="icono-bookmark"></i></span> <span><i class="icono-bookmarkEmpty"></i></span> <span><i class="icono-filter"></i></span> <span><i class="icono-volume"></i></span> <span><i class="icono-volumeLow"></i></span> <span><i class="icono-volumeMedium"></i></span> <span><i class="icono-volumeHigh"></i></span> <span><i class="icono-volumeDecrease"></i></span> <span><i class="icono-volumeIncrease"></i></span> <span><i class="icono-volumeMute"></i></span> <span><i class="icono-tag"></i></span> <span><i class="icono-calendar"></i></span> <span><i class="icono-camera"></i></span> <span><i class="icono-piano"></i></span> <span><i class="icono-ruler"></i></span> <span><i class="icono-cup"></i></span> <span><i class="icono-creditCard"></i></span> <span><i class="icono-facebook"></i></span> <span><i class="icono-twitter"></i></span> <span><i class="icono-instagram"></i></span> <span><i class="icono-linkedIn"></i></span> <span><i class="icono-flickr"></i></span> <span><i class="icono-delicious"></i></span> <span><i class="icono-codepen"></i></span> <span><i class="icono-blogger"></i></span> <//div> </body></html>

Related: See More

Vue Now UI Kit
Bootstrap 4 Navbar with Icon Top
Hamburger Icon Animations
Navbar with Social icon & Dropdown

Questions / Comments: