ICONYZ
العربية
أيقونة Bag Cross Outline من Solar

أيقونة Bag Cross Outline

solar:bag-cross-outline

أيقونة Bag Cross Outline (solar:bag-cross-outline) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Solar
المؤلف
480 Design
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
التسوق
الوسوم
bagcross، crossoutline، bagcrossoutline
تنزيل 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="M12.0001 2.75C10.7575 2.75 9.75012 3.75736 9.75012 5V5.25988C10.3072 5.24999 10.9184 5.24999 11.5893 5.25H12.411C13.0818 5.24999 13.693 5.24999 14.2501 5.25988V5C14.2501 3.75736 13.2428 2.75 12.0001 2.75ZM15.7501 5.32793V5C15.7501 2.92893 14.0712 1.25 12.0001 1.25C9.92905 1.25 8.25012 2.92893 8.25012 5V5.32793C8.10739 5.34021 7.96947 5.35444 7.83619 5.3709C6.82622 5.49569 5.9936 5.75783 5.2863 6.34483C4.57901 6.93183 4.16792 7.70189 3.85914 8.67156C3.55991 9.61128 3.3334 10.8194 3.04866 12.3381L3.02798 12.4484C2.62618 14.5912 2.30954 16.2799 2.25143 17.6112C2.19187 18.9758 2.39488 20.106 3.16465 21.0335C3.93443 21.961 5.00785 22.3689 6.36005 22.5618C7.67926 22.75 9.39737 22.75 11.5775 22.75H12.4227C14.6028 22.75 16.321 22.75 17.6402 22.5618C18.9924 22.3689 20.0658 21.961 20.8356 21.0335C21.6054 20.106 21.8084 18.9758 21.7488 17.6112C21.6907 16.2799 21.3741 14.5912 20.9723 12.4484L20.9516 12.3381C20.6668 10.8194 20.4403 9.61129 20.1411 8.67156C19.8323 7.70189 19.4212 6.93183 18.7139 6.34483C18.0066 5.75783 17.174 5.49569 16.164 5.3709C16.0308 5.35444 15.8928 5.34021 15.7501 5.32793ZM8.02012 6.85959C7.16458 6.96529 6.64786 7.16413 6.24426 7.49909C5.84065 7.83406 5.54999 8.30528 5.28843 9.12669C5.02057 9.96788 4.80982 11.0846 4.5137 12.6639C4.09798 14.8811 3.8029 16.4647 3.75 17.6766C3.69801 18.8679 3.88907 19.5576 4.31892 20.0756C4.74876 20.5935 5.39151 20.9084 6.57193 21.0768C7.77284 21.2482 9.38371 21.25 11.6395 21.25H12.3607C14.6165 21.25 16.2274 21.2482 17.4283 21.0768C18.6087 20.9084 19.2515 20.5935 19.6813 20.0756C20.1112 19.5576 20.3022 18.8679 20.2502 17.6766C20.1973 16.4647 19.9023 14.8811 19.4865 12.6639C19.1904 11.0846 18.9797 9.96788 18.7118 9.12669C18.4502 8.30528 18.1596 7.83406 17.756 7.49909C17.3524 7.16413 16.8357 6.96529 15.9801 6.85959C15.104 6.75133 13.9675 6.75 12.3607 6.75H11.6395C10.0327 6.75 8.89627 6.75133 8.02012 6.85959ZM9.46977 11.4697C9.76266 11.1768 10.2375 11.1768 10.5304 11.4697L12.0001 12.9393L13.4698 11.4697C13.7627 11.1768 14.2375 11.1768 14.5304 11.4697C14.8233 11.7626 14.8233 12.2375 14.5304 12.5303L13.0608 14L14.5304 15.4697C14.8233 15.7625 14.8233 16.2374 14.5304 16.5303C14.2375 16.8232 13.7626 16.8232 13.4698 16.5303L12.0001 15.0607L10.5304 16.5303C10.2376 16.8232 9.76268 16.8232 9.46979 16.5303C9.17689 16.2374 9.17689 15.7626 9.46979 15.4697L10.9394 14L9.46977 12.5303C9.17688 12.2374 9.17688 11.7626 9.46977 11.4697Z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Bag Cross Outline

React

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

<Icon icon="solar:bag-cross-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:bag-cross-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:bag-cross-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bag-cross-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bag-cross-outline"></div>

مكوّن ويب

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

<iconify-icon icon="solar:bag-cross-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/bag-cross-outline.svg" alt="أيقونة Bag Cross Outline" width="24" height="24">

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

أيقونة bag-2-bold
bag-2-bold
 أيقونة bag-2-bold-duotone
bag-2-bold-duotone
 أيقونة bag-2-broken
bag-2-broken
 أيقونة bag-2-line-duotone
bag-2-line-duotone
 أيقونة bag-2-linear
bag-2-linear
 أيقونة bag-2-outline
bag-2-outline
 أيقونة bag-3-bold
bag-3-bold
 أيقونة bag-3-bold-duotone
bag-3-bold-duotone
 أيقونة bag-3-broken
bag-3-broken
 أيقونة bag-3-line-duotone
bag-3-line-duotone
 أيقونة bag-3-linear
bag-3-linear
 أيقونة bag-3-outline
bag-3-outline
 أيقونة bag-4-bold
bag-4-bold
 أيقونة bag-4-bold-duotone
bag-4-bold-duotone
 أيقونة bag-4-broken
bag-4-broken
 أيقونة bag-4-line-duotone
bag-4-line-duotone
 أيقونة bag-4-linear
bag-4-linear
 أيقونة bag-4-outline
bag-4-outline
 أيقونة bag-5-bold
bag-5-bold
 أيقونة bag-5-bold-duotone
bag-5-bold-duotone
 أيقونة bag-5-broken
bag-5-broken
 أيقونة bag-5-line-duotone
bag-5-line-duotone
 أيقونة bag-5-linear
bag-5-linear
 أيقونة bag-5-outline
bag-5-outline

الأسئلة الشائعة حول أيقونة Bag Cross Outline

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

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

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

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

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

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

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