أيقونة Zen Browser Dark
thesvg-color:zen-browser-dark
أيقونة Zen Browser Dark (thesvg-color:zen-browser-dark) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 64 × 64. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 64 × 64
- الوسوم
- zenbrowser، browserdark، zenbrowserdark
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#f76f53" fill-rule="evenodd" clip-rule="evenodd"><path d="M32 44.308c6.797 0 12.308-5.51 12.308-12.308c0-6.797-5.51-12.308-12.308-12.308c-6.797 0-12.308 5.51-12.308 12.308c0 6.797 5.51 12.308 12.308 12.308M41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846s9.846 4.408 9.846 9.846"/><path d="M53.333 32c0 11.782-9.55 21.333-21.333 21.333S10.667 43.783 10.667 32S20.217 10.667 32 10.667S53.333 20.217 53.333 32M32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77S14.77 22.483 14.77 32S22.483 49.23 32 49.23"/><path d="M64 32c0 17.673-14.327 32-32 32S0 49.673 0 32S14.327 0 32 0s32 14.327 32 32M32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744S5.744 17.499 5.744 32S17.499 58.256 32 58.256"/></g></svg>
كيفية استخدام أيقونة Zen Browser Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--zen-browser-dark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:zen-browser-dark"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:zen-browser-dark"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/zen-browser-dark.svg" alt="أيقونة Zen Browser Dark" width="24" height="24">
أيقونات ذات صلة في theSVG Color
الأسئلة الشائعة حول أيقونة Zen Browser Dark
هل أيقونة Zen Browser Dark مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Zen Browser Dark في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:zen-browser-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Zen Browser Dark إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/zen-browser-dark.svg" alt="أيقونة Zen Browser Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات theSVG Color →
ICONYZ
