أيقونة Square Check Fill

keyline-icons:square-check-fill

أيقونة Square Check Fill (keyline-icons:square-check-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: squarecheck، checkfill، squarecheckfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.6641 8.25293C16.2513 7.88601 15.6198 7.92315 15.2529 8.33594L10.666 13.4941L8.74707 11.3359C8.38015 10.9232 7.74872 10.886 7.33594 11.2529C6.92315 11.6198 6.88601 12.2513 7.25293 12.6641L9.91895 15.6641C10.1087 15.8776 10.3814 16 10.667 16C10.9525 15.9999 11.2244 15.8775 11.4141 15.6641L16.7471 9.66406C17.114 9.25128 17.0768 8.61985 16.6641 8.25293Z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Square Check Fill

React

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

<Icon icon="keyline-icons:square-check-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:square-check-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:square-check-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--square-check-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:square-check-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:square-check-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/square-check-fill.svg" alt="أيقونة Square Check Fill" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Square Check Fill

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

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

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/square-check-fill.svg" alt="أيقونة Square Check Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Keyline Icons →