Mailpit icon
thesvg-color:mailpit
The Mailpit icon (thesvg-color:mailpit) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 132 × 122 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 132 × 122
SVG code
<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>How to use the Mailpit icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/mailpit.svg" alt="Mailpit icon" width="24" height="24">Mailpit icon in other icon sets
Mailpit icon FAQ
Is the Mailpit icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mailpit icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:mailpit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mailpit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/mailpit.svg" alt="Mailpit icon">, or paste the SVG code inline to style it with CSS.