सीएसएस प्रतीक क्या है?
आइकन स्केलेबल वेक्टर लाइब्रेरी में आते हैं जिन्हें सीएसएस के साथ अनुकूलित किया जा सकता है
सामान्य पुस्तकालय हैं:
- फ़ॉन्ट विस्मयकारी प्रतीक
- बूटस्ट्रैप प्रतीक
- गूगल प्रतीक
कैसे?
<head>
आइकन का उपयोग करने के लिए, बस अपने HTML पृष्ठ के अनुभाग में आइकन लाइब्रेरी में एक लिंक जोड़ें :
कोई डाउनलोड या इंस्टॉलेशन की आवश्यकता नहीं है!
<i>
एक आइकन सम्मिलित करने के लिए, किसी भी इनलाइन HTML तत्व जैसे या में आइकन वर्ग का नाम जोड़ें <span>
।
फ़ॉन्ट विस्मयकारी उदाहरण
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-cloud"></i>
<i class="fa
fa-heart"></i>
<i class="fa fa-car"></i>
<i class="fa fa-file"></i>
<i class="fa fa-bars"></i>
</body>
</html>
आइकनों की पूरी सूची (फ़ॉन्ट विस्मयकारी, बूटस्ट्रैप और Google) के लिए, W3School's Icon Reference पर जाएं ।
बूटस्ट्रैप उदाहरण
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<i class="glyphicon glyphicon-cloud"></i>
<i class="glyphicon
glyphicon-remove"></i>
<i class="glyphicon glyphicon-user"></i>
<i
class="glyphicon glyphicon-envelope"></i>
<i class="glyphicon
glyphicon-thumbs-up"></i>
</body>
</html>
गूगल उदाहरण
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<i class="material-icons">cloud</i>
<i
class="material-icons">favorite</i>
<i
class="material-icons">attachment</i>
<i
class="material-icons">computer</i>
<i class="material-icons">traffic</i>
</body>
</html>
पूर्ण चिह्न ट्यूटोरियल
यह प्रतीक का संक्षिप्त विवरण दिया गया है।
एक पूर्ण आइकॉन ट्यूटोरियल के लिए W3Schools Icons Tutorial पर जाएं ।
पूर्ण चिह्न संदर्भ के लिए W3Schools Icons Reference पर जाएं ।