Icon Font & SVG Icon Sets ❍ IcoMoon

bootstrap download icon button to link to pdf

IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG sprites. Browse among thousands of pixel. The world's most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. UIkit comes with its own SVG icon system and a comprehensive library, which comprises a link; question; info; warning; image; thumbnails; table; list; menu; grid; more database; cloud-upload; cloud-download; download; upload Use the modifier.uk-icon-button class on an element to create an icon button, which.

Bootstrap download icon button to link to pdf - have hit

How TO - Download Button

Learn how to style download buttons with CSS.

Auto width:

Full width:

Try it Yourself »

How To Create Download Buttons

Step 1) Add HTML:

Add an icon library, such as font awesome, and append icons to HTML buttons:

Example

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<button class="btn"><i class="fa fa-download"></i> Download</button>


<button class="btn" style="width:100%"><i class="fa fa-download"></i> Download</button>

Step 2) Add CSS:

Example

/* Style buttons */
.btn {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
background-color: RoyalBlue;
}

Try it Yourself »

Tip: Go to our Icons Tutorial to learn more about icons.

Go to our CSS Buttons Tutorial to learn more about how to style buttons.

Источник: [https://torrent-igruha.org/3551-portal.html]

Bootstrap download icon button to link to pdf

Bootstrap download icon button to link to pdf - have hit

How TO - Download Button

How To Create Download Buttons

Step 1) Add HTML:

Example

Step 2) Add CSS:

Example

2 thoughts to “Bootstrap download icon button to link to pdf”

Leave a Reply Cancel reply