أيقونة Todo Line
ri:todo-line
أيقونة Todo Line (ri:todo-line) أيقونة SVG مجانية من مجموعة Remix Icon من تصميم Remix Design. مرسومة على شبكة 24 × 24. تُنشر Remix Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Remix Icon
- المؤلف
- Remix Design
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الفئة
- مستند
- الوسوم
- todoline
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 2h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3V0h2v2h6V0h2zm0 2v2h-2V4H9v2H7V4H5v16h14V4zM7 8h10v2H7zm0 4h10v2H7z"/></svg>كيفية استخدام أيقونة Todo Line
React
import { Icon } from "@iconify/react";
<Icon icon="ri:todo-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:todo-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:todo-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--todo-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:todo-line"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:todo-line"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/ri/todo-line.svg" alt="أيقونة Todo Line" width="24" height="24">أيقونات ذات صلة في Remix Icon
الأسئلة الشائعة حول أيقونة Todo Line
هل أيقونة Todo Line مجانية للاستخدام التجاري؟
نعم. تُنشر Remix Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Todo Line في React؟
ثبّت @iconify/react واعرض <Icon icon="ri:todo-line" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Todo Line إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ri/todo-line.svg" alt="أيقونة Todo Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.