ICONYZ
العربية
أيقونة Checked Box Outline من Basil

أيقونة Checked Box Outline

basil:checked-box-outline

أيقونة Checked Box Outline (basil:checked-box-outline) أيقونة SVG مجانية من مجموعة Basil من تصميم Craftwork. مرسومة على شبكة 24 × 24. تُنشر Basil icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Basil
المؤلف
Craftwork
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
الحالة
الوسوم
checkedbox، boxoutline، checkedboxoutline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.483 5.26A2.486 2.486 0 0 0 5.29 7.422a39.4 39.4 0 0 0 0 9.154a2.486 2.486 0 0 0 2.193 2.163c2.977.333 6.057.333 9.034 0a2.486 2.486 0 0 0 2.192-2.163c.256-2.185.328-4.386.216-6.58a.2.2 0 0 1 .059-.152l1.038-1.04a.198.198 0 0 1 .339.125a41 41 0 0 1-.162 7.822c-.215 1.836-1.69 3.275-3.516 3.48a42.5 42.5 0 0 1-9.366 0c-1.827-.205-3.302-1.644-3.516-3.48a41 41 0 0 1 0-9.504c.214-1.837 1.69-3.275 3.516-3.48a42.5 42.5 0 0 1 9.366 0a4 4 0 0 1 1.76.64a.19.19 0 0 1 .025.295l-.803.803a.21.21 0 0 1-.25.033a2.5 2.5 0 0 0-.898-.28a41 41 0 0 0-9.034 0"/><path fill="currentColor" d="M21.03 6.03a.75.75 0 1 0-1.06-1.06l-8.47 8.47l-2.47-2.47a.75.75 0 1 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"/></svg>

كيفية استخدام أيقونة Checked Box Outline

React

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

<Icon icon="basil:checked-box-outline" width="24" />

Vue

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

<template>
  <Icon icon="basil:checked-box-outline" width="24" />
</template>

Svelte

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

<Icon icon="basil:checked-box-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--checked-box-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:checked-box-outline"></div>

مكوّن ويب

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

<iconify-icon icon="basil:checked-box-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/basil/checked-box-outline.svg" alt="أيقونة Checked Box Outline" width="24" height="24">

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

أيقونة checked-box-solid
checked-box-solid

الأسئلة الشائعة حول أيقونة Checked Box Outline

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

نعم. تُنشر Basil icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Checked Box Outline في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/basil/checked-box-outline.svg" alt="أيقونة Checked Box Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Basil →