شهرام نویدی
1 سال پیش توسط شهرام نویدی مطرح شد
3 پاسخ

استفاده از icon ها در شبه المنت ها

سلام وقتتون بخیر باشه چجوری میشه در css به مثلا before یک المنت اون رو یک ایکون قرار بدی ؟


ثبت پرسش جدید
محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش مطرح شد
1

اگه از گوگل آیکون استفاده کنی میشه مثلو مقدار بیفر رو بدی search و اون المنت کلاس گوگل فونت رو داشته باشه میشه
مثلا:

<span class="search material-symbols-outlined"></span>
.search:before {
    content: 'search';
}

محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 1 سال پیش مطرح شد
2

بستگی به نحوه استفاده از آیکون هاتون داره. مثلا در حالت FontAwesome به شکل زیر میشه:

el::before{
    content: "\e5c5";
    font-family: Font Awesome 6 Pro;
    font-weight: 400;
    display: block;
    width: 50px;
    aspect-ratio: 1;
    //...
}

آرین بلندی
تخصص : jooje back-end developer
@ariyan.bolandi 1 سال پیش مطرح شد
1

راه های مختلفی هست ولی من برای اینکه کد بیشتری تو css ام نوشته نشه ترجیح میدم از یک div استفاده کنم

<div class="my-icon">

    <svg>...</svg>
    <span>my paragraph</span>

</div>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام