أيقونة Croisant
whh:croisant
أيقونة Croisant (whh:croisant) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1023 288q0 8-1 14t-5 9.5t-6.5 5.5t-10 2.5t-11.5.5h-30q-12 0-27-10t-27-21.5t-31-21.5t-40-11l43-154q45 31 76 62l49 49q8 8 13 15t6.5 16t2 13t0 15.5t-.5 15.5m-319-32h-67q-31-54-83-123.5T455 10q189-35 361 54l-55 192zM552 371L371 552q-19 18-26 21t-32 3q-31 0-131-72T27 377q-17-17-24-47t2-56q35-92 106-163.5T274 5q26-9 56-2t47 23q55 56 127 156t72 131q0 25-3 32t-21 26M256 834q1 21 11 40t21.5 31t21.5 27t10 27q0 33-6.5 48.5T288 1023q-4 0-15.5.5t-15.5 0t-13-2t-16-6.5t-15-13l-49-49q-31-31-62-75zM64 816q-89-172-54-361q53 47 122.5 99T256 638v123z"/></svg>كيفية استخدام أيقونة Croisant
React
import { Icon } from "@iconify/react";
<Icon icon="whh:croisant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:croisant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:croisant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--croisant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:croisant"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:croisant"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/croisant.svg" alt="أيقونة Croisant" width="24" height="24">الأسئلة الشائعة حول أيقونة Croisant
هل أيقونة Croisant مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Croisant في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:croisant" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Croisant إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/croisant.svg" alt="أيقونة Croisant">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.