ICONYZ
العربية
أيقونة Notes Checklist Flip من Ultimate color icons

أيقونة Notes Checklist Flip

streamline-ultimate-color:notes-checklist-flip

أيقونة Notes Checklist Flip (streamline-ultimate-color:notes-checklist-flip) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ultimate color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
المحتوى
الوسوم
noteschecklist، checklistflip، noteschecklistflip، note
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M22.044 3.87v13.39H17.26a.957.957 0 0 0-.957.957V23H2.914a.956.956 0 0 1-.957-.957V3.87a.957.957 0 0 1 .956-.957h18.174a.956.956 0 0 1 .957.957"/><path fill="#e3e3e3" d="M22.043 17.26L16.304 23v-4.783a.957.957 0 0 1 .957-.956z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.826 1v4.304M9.609 1v4.304M14.391 1v4.304M19.174 1v4.304M9.609 7.696l-2.87 2.87L5.305 9.13m4.304 3.827l-2.87 2.87l-1.434-1.436m6.217-4.782h6.217m-6.217 4.782h6.217"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.044 3.87v13.39H17.26a.957.957 0 0 0-.957.957V23H2.914a.956.956 0 0 1-.957-.957V3.87a.957.957 0 0 1 .956-.957h18.174a.956.956 0 0 1 .957.957"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.043 17.26L16.304 23v-4.783a.957.957 0 0 1 .957-.956z"/></g></svg>

كيفية استخدام أيقونة Notes Checklist Flip

React

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

<Icon icon="streamline-ultimate-color:notes-checklist-flip" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:notes-checklist-flip" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:notes-checklist-flip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--notes-checklist-flip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:notes-checklist-flip"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:notes-checklist-flip"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/notes-checklist-flip.svg" alt="أيقونة Notes Checklist Flip" width="24" height="24">

أيقونات ذات صلة في Ultimate color icons

أيقونة Notes Checklist Flip في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Notes Checklist Flip

هل أيقونة Notes Checklist Flip مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Notes Checklist Flip في React؟

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

كيف أضيف أيقونة Notes Checklist Flip إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/notes-checklist-flip.svg" alt="أيقونة Notes Checklist Flip">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →