أيقونة Octopus
openmoji:octopus
أيقونة Octopus (openmoji:octopus) أيقونة SVG مجانية من مجموعة OpenMoji. مرسومة على شبكة 72 × 72. تُنشر OpenMoji icons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- OpenMoji
- المؤلف
- OpenMoji
- الترخيص
- CC-BY-SA-4.0
- الحجم
- 72 × 72
- الفئة
- الحيوانات والطبيعة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M60 30.378c2-6.119-3-6.119-3-6.119c-7 1.02-2 7.14-2 7.14s6 11.218-4.583 10.824S43 31.398 43 31.398c6.07-5.198 4-11.218 4-11.218C44 9.98 36 11 36 11s-8-1.02-11 8.16c0 0-3 9.179 4 12.238c0 0 4 11.219-8 11.219c0 0-10 0-4-13.259c0 0 2-7.139-4-5.099c0 0-3 1.02-2 6.12c0 0-5 21.417 14 16.317c0 0 16-3.06 22 0s14 1.02 14-9.179z"/><path fill="#ea5a47" d="M33 32s4 11.45-7 14.572c0 0-7-1.041-7 5.204s4 6.244 6 5.204s3-4.164 3-4.164s0-2.939-4 .184s-3-3.306 4-4.347c7-1.04 10-12.49 8-16.653zM19.116 45s-2 1-4-1s-4-1-4-1s-4 1-1 5c0 0 1 2 4 1c0 0 1.884-1-.116-2s-4-2-2-2s6.231 5 7.116 0"/><path fill="#ea5a47" d="M38.608 32s-4 11.45 7 14.572c0 0 7-1.041 7 5.204s-4 6.244-6 5.204s-3-4.164-3-4.164S44 49.877 48 53s2.608-3.306-4.392-4.347c-7-1.04-10-12.49-8-16.653zM54 45s2 1 4-1s4-1 4-1s4 1 1 5c0 0-1 2-4 1c0 0-1.884-1 .116-2s4-2 2-2s-6.232 5-7.116 0"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M60 30c2-6-3-6-3-6c-7 1-2 7-2 7s6 11-4.583 10.614S43 31 43 31c6.07-5.097 4-11 4-11c-3-10-11-9-11-9s-8-1-11 8c0 0-3 9 4 12c0 0 4 11-8 11c0 0-10 0-4-13c0 0 2-7-4-5c0 0-3 1-2 6"/><path d="M33 33s4 11-7 14c0 0-7-1-7 5s4 6 6 5s3-4 3-4m10.71-20s-4 11 7 14c0 0 7-1 7 5s-4 6-6 5s-3-4-3-4m-24.594-8s-2 1-4-1s-4-1-4-1s-4 1-1 5c0 0 1 2 4 1M54 45s2 1 4-1s4-1 4-1s4 1 1 5c0 0-1 2-4 1"/></g></svg>
كيفية استخدام أيقونة Octopus
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:octopus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:octopus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:octopus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--octopus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:octopus"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:octopus"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/openmoji/octopus.svg" alt="أيقونة Octopus" width="24" height="24">
أيقونة Octopus في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Octopus
هل أيقونة Octopus مجانية للاستخدام التجاري؟
نعم. تُنشر OpenMoji icons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.
كيف أستخدم أيقونة Octopus في React؟
ثبّت @iconify/react واعرض <Icon icon="openmoji:octopus" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Octopus إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/openmoji/octopus.svg" alt="أيقونة Octopus">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات OpenMoji →
ICONYZ
