Josh*Developer@JoshDeveloper P.2702

JOSHDEVELOPER Telegram 2702

Custom SVG icon'larni o'zim qanday ishlatganman shu paytgacha?

Har xil yo'llari bilan qilib ko'rganman, quyida shular haqida qisqacha yozaman.

1. Oddiy <img /> teg orqali ishlatish. Qulay va oson. Bundle size'ni yaxshilaydi. Ammo, SVG'ni stillash mumkin emas. Masalan, currentColor orqali rang o'zgartirib bo'lmaydi.

2. O'zini HTML'da chaqirish, stillash mumkin, oson. Ammo, kodni dabdala qiladi. O'qish qiyinlashadi va Bundle size oshadi.

3. SVG loader'lar orqali ishlatish (Shundan foydalanaman). Bunda bir faylga hamma SVG'ni yozasiz yoki har biriga alohida SVG fayl turaveradi. Chaqirishga kelganda alohida component ichida SVG'ni load qilib olib, Component'ning template'iga tiqib yuboriladi. Bunda ishlatish osonlashadi, Bundle size yaxshilanadi (HTTP so'rov bo'lgani uchun) va eng asosiysi SVG'ni stillash xususiyati yo'qolmaydi. Xohishingizga ko'ra Fallback/default icon ham ulasangiz bo'ladi.
P.s: Bu uchun alohida kutubxonalar ham mavjud.

#svgIcon

@JoshDeveloper

🔥16👍9❤7🤝1

www.tgoop.com/JoshDeveloper/2702

5.15K viewsedited Jun 8 at 07:12

tgoop.com/JoshDeveloper/2702

Create: 2025-06-08
Last Update: 2025-11-20 02:39:43

Custom SVG icon'larni o'zim qanday ishlatganman shu paytgacha?

Har xil yo'llari bilan qilib ko'rganman, quyida shular haqida qisqacha yozaman.

1. Oddiy <img /> teg orqali ishlatish. Qulay va oson. Bundle size'ni yaxshilaydi. Ammo, SVG'ni stillash mumkin emas. Masalan, currentColor orqali rang o'zgartirib bo'lmaydi.

2. O'zini HTML'da chaqirish, stillash mumkin, oson. Ammo, kodni dabdala qiladi. O'qish qiyinlashadi va Bundle size oshadi.

3. SVG loader'lar orqali ishlatish (Shundan foydalanaman). Bunda bir faylga hamma SVG'ni yozasiz yoki har biriga alohida SVG fayl turaveradi. Chaqirishga kelganda alohida component ichida SVG'ni load qilib olib, Component'ning template'iga tiqib yuboriladi. Bunda ishlatish osonlashadi, Bundle size yaxshilanadi (HTTP so'rov bo'lgani uchun) va eng asosiysi SVG'ni stillash xususiyati yo'qolmaydi. Xohishingizga ko'ra Fallback/default icon ham ulasangiz bo'ladi.
P.s: Bu uchun alohida kutubxonalar ham mavjud.

#svgIcon

@JoshDeveloper

BY Josh*Developer

Share with your friend now:
tgoop.com/JoshDeveloper/2702

Open in Telegram

Telegram News

Date: 2025-11-20|

On June 7, Perekopsky met with Brazilian President Jair Bolsonaro, an avid user of the platform. According to the firm's VP, the main subject of the meeting was "freedom of expression." Developing social channels based on exchanging a single message isn’t exactly new, of course. Back in 2014, the “Yo” app was launched with the sole purpose of enabling users to send each other the greeting “Yo.” Telegram iOS app: In the “Chats” tab, click the new message icon in the right upper corner. Select “New Channel.” In 2018, Telegram’s audience reached 200 million people, with 500,000 new users joining the messenger every day. It was launched for iOS on 14 August 2013 and Android on 20 October 2013. Add the logo from your device. Adjust the visible area of your image. Congratulations! Now your Telegram channel has a face Click “Save”.!
from us

Telegram Josh*Developer
FROM American