أيقونة Eyeopen
whh:eyeopen
أيقونة Eyeopen (whh:eyeopen) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 896. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 896
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="896" viewBox="0 0 1024 896"><path fill="currentColor" d="M512 896q-122 0-231-58.5t-183.5-161T0 448q23-126 97.5-228.5T281 58.5T512 0t231 58.5t183.5 161T1024 448q-23 126-97.5 228.5T743 837.5T512 896m0-768q-162 0-289.5 91.5T64 448q31 138 158.5 229T512 768t289.5-91T960 448q-31-137-158.5-228.5T512 128m0 576q-106 0-181-75t-75-181q0-60 27-114l58 29q-21 42-21 85q0 80 56 136t135.5 56t136-56T704 448.5t-56.5-136T512 256q-44 0-86 21l-28-57q54-28 114-28q106 0 181 75t75 181t-75 181t-181 75m-57-370q28-14 57-14q53 0 90.5 37.5T640 448t-37.5 90.5T512 576t-90.5-37.5T384 448q0-29 14-57l114 57z"/></svg>كيفية استخدام أيقونة Eyeopen
React
import { Icon } from "@iconify/react";
<Icon icon="whh:eyeopen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:eyeopen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:eyeopen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--eyeopen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:eyeopen"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:eyeopen"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/eyeopen.svg" alt="أيقونة Eyeopen" width="24" height="24">الأسئلة الشائعة حول أيقونة Eyeopen
هل أيقونة Eyeopen مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Eyeopen في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:eyeopen" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Eyeopen إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/eyeopen.svg" alt="أيقونة Eyeopen">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.