أيقونة Crab
icon-park:crab
أيقونة Crab (icon-park:crab) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M5 16.9998C5 11.9998 6 1.99979 17.0008 5.99977C17.9464 9.78224 15 16.9998 5 16.9998Z"/><path d="M43 16.9998C43.0006 11.9998 42 1.99979 31 5.99978C30.0544 9.78224 32.9994 16.9998 43 16.9998Z"/><rect width="32" height="20" x="8" y="22" fill="#2F88FF" rx="10"/><path d="M27 22V18"/><path d="M21 22V18"/><path d="M43 17C44 20 44 26 40 29"/><path d="M5 17C4 20 5 25 8 29"/><path d="M30 42H44L40 33"/><path d="M18 42H4L8 33"/></g></svg>
كيفية استخدام أيقونة Crab
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:crab" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:crab" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:crab" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--crab]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:crab"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:crab"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/crab.svg" alt="أيقونة Crab" width="24" height="24">
أيقونة Crab في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Crab
هل أيقونة Crab مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Crab في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:crab" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Crab إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/crab.svg" alt="أيقونة Crab">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
