أيقونة Todo List

icons8:todo-list

أيقونة Todo List (icons8:todo-list) أيقونة SVG مجانية من مجموعة Icons8 Windows 10 Icons من تصميم Icons8. مرسومة على شبكة 32 × 32. تُنشر Icons8 Windows 10 Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Icons8 Windows 10 Icons
المؤلف: Icons8
الترخيص: MIT
الحجم: 32 × 32
الوسوم: todolist

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.28 5.28L7 8.563l-1.28-1.28L4.28 8.72l2 2l.72.686l.72-.687l4-4zM15 7v2h13V7zm-4.72 6.28L7 16.564L5.72 15.28l-1.44 1.44l2 2l.72.686l.72-.687l4-4l-1.44-1.44zM15 15v2h13v-2zm-4.72 6.28L7 24.563l-1.28-1.28l-1.44 1.437l2 2l.72.686l.72-.687l4-4l-1.44-1.44zM15 23v2h13v-2z"/></svg>

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

React

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

<Icon icon="icons8:todo-list" width="24" />

Vue

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

<template>
  <Icon icon="icons8:todo-list" width="24" />
</template>

Svelte

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

<Icon icon="icons8:todo-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--todo-list]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:todo-list"></div>

مكوّن ويب

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

<iconify-icon icon="icons8:todo-list"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icons8/todo-list.svg" alt="أيقونة Todo List" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Icons8 Windows 10 Icons →