ICONYZ
العربية
أيقونة Envolope من Simple line icons

أيقونة Envolope

simple-line-icons:envolope

أيقونة Envolope (simple-line-icons:envolope) أيقونة SVG مجانية من مجموعة Simple line icons من تصميم Sabbir Ahmed. مرسومة على شبكة 1024 × 1024. تُنشر Simple line icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Simple line icons
المؤلف
Sabbir Ahmed
الترخيص
MIT
الحجم
1024 × 1024
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1023.46 232a31.63 31.63 0 0 0-2.48-18.271C1012.917 178.288 987.3 160 944.005 160h-832c-38.08 0-79.105 14-99.28 41.472c-1.745 1.328-3.409 2.832-4.912 4.576c-6.449 7.44-8.705 17.009-7.264 26.033c-.288 2.592-.544 5.2-.544 7.92v512c0 53.024 58.992 112 112 112h832c53.024 0 80-58.976 80-112v-512c0-2.832-.368-5.313-.544-8.001zm-911.459-8l832.001-.001h.432L512.002 568.655L81.314 225.407C91.106 223.599 103.154 224 112 224zm832.001 575.999H112.003c-17.648 0-48-30.336-48-48V293.551l427.04 341.648c6.016 5.2 13.487 7.792 20.959 7.792a32.05 32.05 0 0 0 20.976-7.792l427.024-341.632v458.432c0 17.664 1.664 48-16 48"/></svg>

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

React

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

<Icon icon="simple-line-icons:envolope" width="24" />

Vue

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

<template>
  <Icon icon="simple-line-icons:envolope" width="24" />
</template>

Svelte

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

<Icon icon="simple-line-icons:envolope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--envolope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:envolope"></div>

مكوّن ويب

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

<iconify-icon icon="simple-line-icons:envolope"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/simple-line-icons/envolope.svg" alt="أيقونة Envolope" width="24" height="24">

أيقونات ذات صلة في Simple line icons

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

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

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

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

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

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

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

تصفح كل Simple line icons →