أيقونة Mailpit

thesvg-color:mailpit

أيقونة Mailpit (thesvg-color:mailpit) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 132 × 122. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 132 × 122

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="132" height="122" viewBox="0 0 132 122"><path fill="#fff" d="m12.321 0l53.861 53.918L120.365 0zM5.155 9.025l60.842 59.673l61.211-59.489l-.185 36.835L66.921 70.54l15.164 12.616l-8.137 5.986l-41.609.184c-4.838-.022-25.877-18.34-27.185-41.255z"/><path fill="#00b786" d="m78.385 72.049l53.907-21.679l-8.031 57.318l-11.845-9.132c-21.727 23.171-45.255 26.289-67.997 20.837S12.281 98.39 5.155 83.8S-.67 53.116 2.843 38.769c1.13 10.511-1.313 16.316 6.38 33.612c6.31 11.399 14.413 20.417 25.89 24.956c13.9 6.195 32.247 3.357 41.701-3.039l14.24-12.156z"/></svg>

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

React

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

<Icon icon="thesvg-color:mailpit" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:mailpit" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:mailpit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mailpit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mailpit"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:mailpit"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/mailpit.svg" alt="أيقونة Mailpit" width="24" height="24">

أيقونة Mailpit في مجموعات أخرى

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

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

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

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

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

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

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

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