شفیعی
1 هفته پیش توسط شفیعی مطرح شد
4 پاسخ

تصاویر کد عددی

سلام و درود
توی همین سایت یک سری جهت نما هایی استفاده شده که از کد های عددی درست شده
می تونید یه راهنمایی کنید این آیکون یا تصاویر رو از کجا میشه به دست آورد یا چگونه درست کرد؟
مثل کد زیر

<svg class="mr-2 mb-1" width="15" height="16" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill="currentColor" opacity="0.4" d="M7.23506 5.43848L6.78906 1.74838C6.78906 0.920261 7.71559 0.24884 8.85836 0.24884C10.0011 0.24884 10.9276 0.920261 10.9276 1.74838L10.4817 5.43848C10.4817 6.08813 9.75485 6.61482 8.85836 6.61482C7.96036 6.61482 7.23506 6.08813 7.23506 5.43848"></path>
                    <path fill="currentColor" d="M7.31659 17.8301C7.237 17.7724 6.90063 17.557 6.62132 17.3546C4.87188 16.1739 2.01121 13.091 1.13574 11.4783C0.996087 11.2334 0.698758 10.6142 0.677734 10.2823C0.677734 9.96566 0.778346 9.66314 0.976566 9.37477C1.25437 9.01458 1.69286 8.72729 2.20943 8.56841C2.56683 8.46721 3.64052 8.30833 3.66004 8.30833C4.83284 8.15054 6.73995 8.06458 8.84829 8.06458C10.8545 8.06458 12.6835 8.15054 13.8759 8.28004C13.8969 8.29419 15.2289 8.45306 15.6854 8.62609C16.5203 8.94275 17.0369 9.56194 17.0369 10.2247V10.2823C17.0173 10.7143 16.4993 11.6219 16.4812 11.6219C15.6058 13.1487 12.8833 16.1586 11.0738 17.3687C11.0738 17.3687 10.6082 17.7104 10.3184 17.8584C9.90095 18.0891 9.38438 18.2044 8.86781 18.2044C8.29117 18.2044 7.75508 18.0749 7.31659 17.8301"></path>
                </svg>

ثبت پرسش جدید
mimv
تخصص : هیچی
@mimV 1 هفته پیش مطرح شد
1

همون svg رو با ویرایشگر متن باز کن یا تو مرورگر بازش کن کنترل+u بزن کدش رو کپی کن.
سایت زیر اکثر آیکن‌های معروف رو داره:
https://icon-sets.iconify.design/


محمدجوکار
تخصص : دانشجوی برنامه‌نویسی
@mjokarr 1 هفته پیش مطرح شد
1

سللم
خییلی ساده‌ست؛ ب این چیزی ک گذاشتی، svg میگن که مخففِ scalable vector graphics هستش. یعنی یه نووع تصویربرداری که با کد ساخته میشه، نه با پیکسل مثل png یا jpg. و چون با کد ساخته میشه سرعت بالاتری هم داره. دیگه نیازی به لود نیست و سریع بالا میاد توی کد.

Svg مثه یه بوم نقاشیه که با pathـی که توش وجود داره مسیر خطوط رو مشخص میکنه. مثلا میگه فلان خط، کجا باشه. پس ما با path اس وی جی رو شکل میدیم که البته این کارِ دست نیست. یعنی اینطوری نیست من بشینم و بنویسم اینو و توقع داشته باشه یه شکل با مفهوم ازش در بیاد.
شما باید از سایت‌های آیکونِ آماده svg رو بگیری. مثلِ Heroicons, fontAwesome, Material Icons یا هر سایت دیگه‌ای که توش آیکون وجود داره.. وقتی میری توی این سایتها، خودشون نوشتن که مثلا شما این آیکون رو با تگ svg میخوای یا مثلا با تگ i ? و شما میتونی svg رو کپی بزنی.
یا هم با نرم‌افزارهایی مثه illustrator میتونی یه شکل بکشی، بعد خروجی svg بگیری از اون شکل.
همینطور با نرم‌افزار فیگما هم میشه این کار رو انجام داد. میتونی آیکون طراحی کنی و خروجی svg بگیری ازش بعدشم قرارش بدی توی هرجایی که میخوای. با هر اندازه‌ای. کیفیتشم خراب نمیشه .

من تخصص اصلیم فرانت نیست. اگر متخصصین این حوزه توضیح بیشتری برای ارائه داشتن، استفاده کن ازوناهم🌲

موفق باشی


شفیعی
تخصص : فرهنگی
@shafiie1366 1 هفته پیش مطرح شد
0

ممنونم از پاسخ تان
قبل تر هم دنبالش بودم
اما یه عکس با پسوند svg میداد
میخوام بدونم سایتی هست که عکسی با پسوند png یا svg بدم بهش کد رو تحویل بده
من پیشتر هم دیده بودم که حتی لوگوی سایتشان هم همچون این کد عددی بود


mimv
تخصص : هیچی
@mimV 1 هفته پیش مطرح شد
1

همون svg رو با ویرایشگر متن باز کن یا تو مرورگر بازش کن کنترل+u بزن کدش رو کپی کن.
سایت زیر اکثر آیکن‌های معروف رو داره:
https://icon-sets.iconify.design/


شفیعی
تخصص : فرهنگی
@shafiie1366 1 هفته پیش مطرح شد
0

mimV@
سلام و درود
سپاسگزام . آیکونم رو در سایت معرفی شده یافتم


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

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