Free Download : CSS Outlined Icon Buttons

This week’s free download comes from Medialoot.CSS Outlined Icon Buttons is a huge collection of fully coded outlined web buttons. They are super easy to implement into web design projects.and make use of CSS3 transitions to only display the icons when you hover over the button. This collection contains standard large, medium and small buttons. All available in 5 default colors. No bitmap images are used, only vector .svg files.

css outline buttons

How to Implement:
Upload the css file and icons folder to your server
Link to the stylesheet in the head of the page you want to use the buttons
Use the code:

<a class="ml-outlined-button color-1 icon" href="#">Arrow <img class="icn" src="icons/icn-arrow.svg"/></a>

where you want the button to appear
This code is for a blue, arrow icon button. Update the color and icon variables as required.

[gpp_button color=”blue” url=”http://medialoot.com/preview/frame/outlined-icon-buttons.html&#8221; title=”css buttons” icon_left=”external” target=”_blank” size=”medium” display=”inline”]LIVE PREVIEW[/gpp_button]    [gpp_button color=”blue” url=”http://medialoot.com/item/css-outlined-icon-buttons/&#8221; title=”css buttons” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]DOWNLOAD[/gpp_button]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s