ICONYZ
العربية
أيقونة User Bag من Iconoir

أيقونة User Bag

iconoir:user-bag

أيقونة User Bag (iconoir:user-bag) أيقونة SVG مجانية من مجموعة Iconoir من تصميم Luca Burgio. مرسومة على شبكة 24 × 24. تُنشر Iconoir icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Iconoir
المؤلف
Luca Burgio
الترخيص
MIT
الحجم
24 × 24
الفئة
التسوق
الوسوم
userbag
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9 11a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/><path d="M2 18a7 7 0 0 1 11.33-5.5m8.034 4.207l.296 2A2 2 0 0 1 19.682 21h-3.364a2 2 0 0 1-1.978-2.293l.296-2A2 2 0 0 1 16.614 15h2.772a2 2 0 0 1 1.978 1.707M17 13h2"/></g></svg>

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

React

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

<Icon icon="iconoir:user-bag" width="24" />

Vue

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

<template>
  <Icon icon="iconoir:user-bag" width="24" />
</template>

Svelte

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

<Icon icon="iconoir:user-bag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoir--user-bag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iconoir -->
<div class="i-iconoir:user-bag"></div>

مكوّن ويب

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

<iconify-icon icon="iconoir:user-bag"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/iconoir/user-bag.svg" alt="أيقونة User Bag" width="24" height="24">

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

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

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

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

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

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

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

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

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