تبدیل html به css

[mgt1234]

سلام دوستان
یه سوال کدنویسی خواهشا اگه میدونید راهنمایی کنید خیلی مهمه
داخل کدهای اچ تی ام ال سایت با استفاده از این کد، یه آیکون فراخوانی میشه :

<i class="fa fa-star-half-o" aria-hidden="true"></i>
حالا اگه بخوام این آیکون رو با استفاده از CSS داخل یه Div استفاده کنم که هروقت توی کدهای html اون div استفاده شد این آیکون فراخوانی بشه باید چه کدی بنویسم؟
امیدوارم تونسته باشم منظورمو برسونم!

[mojtaba05]

سلام
شما از کتابخانه font awesome استفاده کردید.
هر آیکون در این کتابخانه، یه کد یونیکد داره که با استفاده از اون و ::before یا ::after و یک بک اسلش (\) در سی اس اس می تونید به چیزی که مد نظرتون هست، برسید:

مثلا:

div::before {
content: "\f089";
font-family: fontawesome;
}


توی این دمو، آیکون به هر دو روش قابل مشاهده هست:
https://jsfiddle.net/sabeti05/p05zuv9p/

[mgt1234]

سلام
شما از کتابخانه font awesome استفاده کردید.
هر آیکون در این کتابخانه، یه کد یونیکد داره که با استفاده از اون و ::before یا ::after و یک بک اسلش (\) در سی اس اس می تونید به چیزی که مد نظرتون هست، برسید:

مثلا:

div::before {
content: "\f089";
font-family: fontawesome;
}


توی این دمو، آیکون به هر دو روش قابل مشاهده هست:
https://jsfiddle.net/sabeti05/p05zuv9p/

یه دنیا ممنون خیلی لطف کردین
فقط امکانش هست بفرمایید که لیست کدهای آیکوناشو از کجا باید پیدا کنم؟
منظورم اینه که هر کد، نمایشگر چه آیکونیه؟

[mojtaba05]

خواهش می کنم، می تونید به سایتش مراجعه کنید و صفحه هر آیکون رو بازکنید، زیر آیکون کدش رو نوشته، مثلا:
http://fontawesome.io/icon/bar-chart/
که کدش هست:
Unicode: f080