ICONYZ
العربية
أيقونة Done All Fill من Eva Icons

أيقونة Done All Fill

eva:done-all-fill

أيقونة Done All Fill (eva:done-all-fill) أيقونة SVG مجانية من مجموعة Eva Icons من تصميم Akveo. مرسومة على شبكة 24 × 24. تُنشر Eva Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Eva Icons
المؤلف
Akveo
الترخيص
MIT
الحجم
24 × 24
الوسوم
doneall، allfill، doneallfill
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.62 6.21a1 1 0 0 0-1.41.17l-7 9l-3.43-4.18a1 1 0 1 0-1.56 1.25l4.17 5.18a1 1 0 0 0 .78.37a1 1 0 0 0 .83-.38l7.83-10a1 1 0 0 0-.21-1.41m5 0a1 1 0 0 0-1.41.17l-7 9l-.61-.75l-1.26 1.62l1.1 1.37a1 1 0 0 0 .78.37a1 1 0 0 0 .78-.38l7.83-10a1 1 0 0 0-.21-1.4"/><path fill="currentColor" d="M8.71 13.06L10 11.44l-.2-.24a1 1 0 0 0-1.43-.2a1 1 0 0 0-.15 1.41Z"/></svg>

كيفية استخدام أيقونة Done All Fill

React

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

<Icon icon="eva:done-all-fill" width="24" />

Vue

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

<template>
  <Icon icon="eva:done-all-fill" width="24" />
</template>

Svelte

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

<Icon icon="eva:done-all-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eva--done-all-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eva -->
<div class="i-eva:done-all-fill"></div>

مكوّن ويب

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

<iconify-icon icon="eva:done-all-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/eva/done-all-fill.svg" alt="أيقونة Done All Fill" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Done All Fill

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

نعم. تُنشر Eva Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Done All Fill في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/eva/done-all-fill.svg" alt="أيقونة Done All Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Eva Icons →