.ﺩﺮﮐ ﻪﻓﺎﺿﺍ ﺎﻤﺷ HTML ﻪﺤﻔﺻ ﻪﺑ ﺩﺎﻤﻧ ﻪﻧﺎﺨﺑﺎﺘﮐ ﮏﯾ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﺎﺑ ﯽﺘﺣﺍﺭ ﻪﺑ ﻥﺍﻮﺗ ﯽﻣ ﺍﺭ
.ﺖﺳﺍ ﻥﻮﮑﯾﺁ ﻪﻧﺎﺨﺑﺎﺘﮐ ﮏﯾ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ،ﺩﻮﺧ HTML ﻪﺤﻔﺻ ﻪﺑ ﻥﻮﮑﯾﺁ ﮏﯾ ﻥﺩﻭﺰﻓﺍ ﯼﺍﺮﺑ ﻩﺍﺭ ﻦ
ﺎﯾ <i> ﺪﻨﻧﺎﻣ) ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﯽﻄﺧ ﻥﻭﺭﺩ HTML ﺮﺼﻨﻋ ﺮ
ﺪﻨﻧﺍﻮﺗ ﯽﻣ ﻪﮐ ﺪﻨﺘﺴﻫ ﺮﯾﺬﭘ ﺱﺎﯿﻘﻣ ﯼﺎﻫﺭﺍﺩﺮﺑ ،ﺮﯾﺯ ﯼﺎﻫﺩﺎﻤﻧ ﻪﻧﺎﺨﺑﺎﺘﮐ ﺭﺩ ﺩﻮﺟﻮﻣ ﯼﺎﻫﺩﺎﻤﻧ
ﺪﯾﻭﺮﺑ ﺮﯾﺯ ﺱﺭﺩﺁ ﻪﺑ ،Font Awesome ﯼﺎﻫﺩﺎﻤﻧ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﯼﺍﺮﺑ
<script; src="https://kit.fontawesome.com/yourcod
ﺪﯿﻧﺍﻮﺨﺑ ﺮﺘﺸﯿﺑ ﺎﻣ ﺭﺩ ﯽﻟﺎﻋ ﺖﻧﻮﻓ ﺎﺑ ﻉﻭﺮﺷ ﻩﻮﺤﻧ ﺩﺭﻮﻣ ﺭﺩ
ﻪﺟﻮﺗ: ﺖﺴﯿﻧ ﺐﺼﻧ ﺎﯾ ﺩﻮﻠﻧﺍﺩ ﻪﺑ ﯼﺯﺎﯿﻧ!
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
</body>
</html>:ﻪﺠﯿﺘﻧ
→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<head>
<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<!--Get your own code at fontawesome.com-->
</head>
<body>
<h1>Font Awesome icon library</h1>
<p>Some Font Awesome icons:</p>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
<p>Styled Font Awesome icons (size and color):</p>
<i class="fas fa-cloud" style="font-size:24px;"></i>
<i class="fas fa-cloud" style="font-size:36px;"></i>
<i class="fas fa-cloud" style="font-size:48px;color:red;"></i>
<i class="fas fa-cloud" style="font-size:60px;color:lightblue;"></i>
</body>
</html>
.ﺪﯿﻨﮐ ﻪﻌﺟﺍﺮﻣ ﺎﻣ ﺩﺎﻤﻧ ﻊﺟﺮﻣ ﻪﺑ ،ﯽﻟﺎﻋ ﺖﻧﻮﻓ ﯼﺎﻫﺩﺎﻤﻧ ﻡﺎﻤﺗ ﺯﺍ ﻞﻣﺎﮐ ﻊﺟﺮﻣ ﮏﯾ ﯼﺍﺮﺑ
:ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﺩﻮﺧ HTML ﻪﺤﻔﺻ <head> ﺖﻤﺴﻗ ﺭﺩ ﺍﺭ ﺮ
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
ﻪﺟﻮﺗ: ﺖﺴﯿﻧ ﺐﺼﻧ ﺎﯾ ﺩﻮﻠﻧﺍﺩ ﻪﺑ ﯼﺯﺎﯿﻧ!
<!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>
<title>Bootstrap Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body class="container">
<h1>Bootstrap icon library</h1>
<p>Some Bootstrap icons:</p>
<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>
<br><br>
<p>Styled Bootstrap icons (size and color):</p>
<i class="glyphicon glyphicon-cloud" style="font-size:24px;"></i>
<i class="glyphicon glyphicon-cloud" style="font-size:36px;"></i>
<i class="glyphicon glyphicon-cloud" style="font-size:48px;color:red;"></i>
<i class="glyphicon glyphicon-cloud" style="font-size:60px;color:lightblue;"></i>
</body>
</html>
:ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﺩﻮﺧ HTML ﻪﺤﻔﺻ <head> ﺖﻤﺴﻗ ﺭﺩ ﺍﺭ ﺮ
:ﻪﺠﯿﺘﻧ → ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﻥﺎﺗﺩﻮﺧ ﻝﺎﺜﻣ
<!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><!DOCTYPE html>
<html>
<head>
<title>Google Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<h1>Google icon library</h1>
<p>Some Google icons:</p>
<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>
<br><br>
<p>Styled Google icons (size and color):</p>
<i class="material-icons" style="font-size:24px;">cloud</i>
<i class="material-icons" style="font-size:36px;">cloud</i>
<i class="material-icons" style="font-size:48px;color:red;">cloud</i>
<i class="material-icons" style="font-size:60px;color:lightblue;">cloud</i>
</body>
</html>
ﺪﯿﻨﮐ ﻥﺪﯾﺩ ﺎﻣ ﺯﺍ ،ﺎﻫﺩﺎﻤﻧ ﻪﻤﻫ ﻞﻣﺎﮐ ﺖﺴﯿﻟ ﯼﺍﺮﺑ