Skip to content

Instantly share code, notes, and snippets.

@richstrauss

richstrauss/custom-icon.html

Created October 11, 2016 19:41
Show Gist options
  • Save richstrauss/774b01343cadcaf5a96c1450f1050d30 to your computer and use it in GitHub Desktop.
Save richstrauss/774b01343cadcaf5a96c1450f1050d30 to your computer and use it in GitHub Desktop.
Download ZIP
Custom Font Awesome Icon 001
Raw
custom-icon.html
<div class="icon-wrapper"><i class="fa fa-users custom-icon"></i></div>
Raw
style.css
.custom-icon {
font-size:120px !important;
background:#666;
background:rgba(0,0,0,0.4);
padding:30px;
-webkit-border-radius:1100%;
-moz-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;
border:6px solid #fff;
color:#fff;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46);
text-align:center;
display:table-cell !important;
vertical-align:middle;
width:220px;
height:220px;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.custom-icon:hover {
background:rgba(0,0,0,0.6);
}
.fix-editor {
display:none;
}
.icon-wrapper {
display:inline-block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment