Generate search, shopping cart and other icon styles using CSS styles

This article mainly introduces the relevant information about using CSS styles to generate search, shopping cart and other icon styles (icon font library). Friends in need can refer to the

Reference URL: http://fontawesome. dashgame.com/

Basic icons:

You can use Font Awesome icons almost anywhere by using the CSS prefix fa, followed by the icon name. Font Awesome is designed for use with inline elements. We usually prefer to use because it's more concise. But actually using is more semantic.

<i class="fa fa-camera-retro"></i> fa-camera-retro

Note: If you modify the font size of the icon container, the icon size will change accordingly. The same changes will happen to colors, shadows, and any other CSS-supported effects.                                                                                                                                                                                                                                                   

Remember to introduce:

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

The above is the detailed content of Generate search, shopping cart and other icon styles using CSS styles. For more information, please follow other related articles on the PHP Chinese website!