أيقونة Dark

arcticons:dark

أيقونة Dark (arcticons:dark) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Arcticons
المؤلف: Donnnno
الترخيص: CC-BY-SA-4.0
الحجم: 48 × 48

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.922 37.875h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312L38.252 24h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.336-2.312L38.252 5.5h2.67l1.335 2.313Zm-4.006 2.313h-5.05c-.51-1.11-1.894-2.22-.748-3.33c.402-.414.442-1.456 1.175-1.296h4.623l1.336 2.313Zm0 4.624h-5.05L30.53 14.75l1.335-2.312h5.05l1.336 2.312Zm-4.623 0h4.623l1.336 2.313l-1.336 2.313m-4.623 0h4.623L38.252 24l-1.336 2.313h-5.05m.427 0h4.623l1.336 2.312l-1.336 2.313h-5.05m.427 0h4.623l1.336 2.312l-1.336 2.313h-5.05m.427 0h4.623l1.336 2.312l-1.336 2.313h-5.05M30.53 42.5h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312L27.86 24h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm0-4.625h-2.67l-1.335-2.312L27.86 5.5h2.67l1.335 2.313Zm-4.006 2.313h-5.05l-1.336-2.313l1.335-2.312h5.051l1.335 2.312Zm0 4.624h-5.05l-1.336-2.312l1.335-2.312h5.051l1.335 2.312ZM20.14 24l1.336-2.312h5.05L27.86 24l-1.335 2.313h-5.05m0 0h5.05l1.335 2.312l-1.335 2.313h-5.05m0 0h5.05l1.335 2.312l-1.335 2.313h-5.05m5.05 4.624h-5.05l-1.336-2.312l1.336-2.312h5.05l1.335 2.312Zm-6.385-2.312l1.335 2.313L20.14 42.5h-2.67l-1.336-2.312l1.335-2.313m2.67-4.625l1.335 2.313m-1.334 2.312h-2.67l-1.336-2.312l1.335-2.313m0-4.625h2.67m0 0l1.335 2.313l-1.334 2.312h-2.67l-1.336-2.312l1.335-2.313M20.14 24l1.335 2.313l-1.335 2.312m-2.67 0l-1.336-2.312L17.469 24m2.67-4.625l1.335 2.313M20.14 24h-2.67l-1.336-2.312l1.335-2.313m2.67 0h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm-2.67-4.625l-1.335-2.312l1.335-2.313h2.67l1.335 2.313l-1.334 2.312m-2.67-4.625l-1.336-2.312L17.469 5.5h2.67l1.335 2.313l-1.334 2.312m-9.056 2.313l-1.336-2.313l1.335-2.312h5.05l1.336 2.312l-1.335 2.313m-5.05 4.624L9.747 14.75l1.335-2.312h5.05l1.336 2.312l-1.335 2.313m-6.386 2.312l1.335-2.312h5.051l1.335 2.312l-1.335 2.313m-5.05 4.625L9.747 24l1.335-2.312h5.051L17.469 24l-1.335 2.313m-5.05 0h5.05l1.335 2.312l-1.335 2.313h-5.05m5.05 0l1.335 2.312l-1.335 2.313h-5.05L9.747 33.25m6.386 2.313l1.335 2.312l-1.335 2.313h-5.05l-1.336-2.313m1.335 2.313L9.748 42.5h-2.67l-1.335-2.312l1.335-2.313m2.67-4.625l1.335 2.313l-1.335 2.312h-2.67l-1.335-2.312l1.335-2.313m2.67 0h-2.67l-1.335-2.312l1.335-2.313h2.67l1.335 2.313Zm1.335-6.937l-1.335 2.312h-2.67l-1.335-2.312L7.078 24h2.67m-2.67 0l-1.335-2.312l1.335-2.313h2.67l1.335 2.313m-4.005-2.313l-1.335-2.312l1.335-2.313h2.67m0 0h-2.67l-1.335-2.312l1.335-2.313h2.67m0 0h-2.67L5.743 7.813L7.078 5.5h2.67l1.335 2.313m31.174 32.374L40.922 42.5h-2.67l-1.335-2.312l1.335-2.313h2.67Z"/></svg>

كيفية استخدام أيقونة Dark

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:dark"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/dark.svg" alt="أيقونة Dark" width="24" height="24">

أيقونات ذات صلة في Arcticons

أيقونة Dark في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Dark

هل أيقونة Dark مجانية للاستخدام التجاري؟

نعم. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة Dark في React؟

ثبّت @iconify/react واعرض <Icon icon="arcticons:dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Dark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/arcticons/dark.svg" alt="أيقونة Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Arcticons →