Skip to content

Instantly share code, notes, and snippets.

@levinmejia

levinmejia/inline-styles.html

Last active March 22, 2017 17:26
Show Gist options
  • Save levinmejia/4ccc62d6821cb1fdcff1 to your computer and use it in GitHub Desktop.
Save levinmejia/4ccc62d6821cb1fdcff1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
inline-styles.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Quickly Implement and Easily Animate SVG Icons On Your Site</title>
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<h1>SVG Icons</h1>
</header>
<section>
<h2> Facebook Icon </h2>
<!-- Facebook icon by Icons8 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="26" height="26" viewBox="0 0 26 26" style="null" class="icon icons8-Facebook" > <path d="M21.125,0H4.875C2.182,0,0,2.182,0,4.875v16.25C0,23.818,2.182,26,4.875,26h16.25 C23.818,26,26,23.818,26,21.125V4.875C26,2.182,23.818,0,21.125,0z M20.464,14.002h-2.433v9.004h-4.063v-9.004h-1.576v-3.033h1.576 V9.037C13.969,6.504,15.021,5,18.006,5h3.025v3.022h-1.757c-1.162,0-1.238,0.433-1.238,1.243l-0.005,1.703h2.764L20.464,14.002z"></path></svg>
<style>
/*Facebook Filled icon by Icons8 */
.icons8-Facebook-Filled { /* Customizes Facebook Filled icon */
fill:false;
width: 50px;
height: 50px;
}
.icon { /* Customizes all icons at once */
display: inline-block;
}
</style>
</body>
</html>
@bazarnew
Copy link

Dimitriy, You can join us at دورگو and you can do that with 3 simple clicks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment