ICONYZ
English
Mail Archiver icon from selfh.st/icons

Mail Archiver icon

selfhst:mail-archiver

The Mail Archiver icon (selfhst:mail-archiver) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
selfh.st/icons
Author
selfh.st
License
CC-BY-4.0
Size
512 × 512
Tags
mailarchiver
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M64 32C28.7 32 0 60.7 0 96v256.3C.2 387.5 28.8 416 64 416h176c8.8 0 16-7.2 16-16s-7.2-16-16-16H64c-14.5 0-27.2-9.7-30.9-23.7l180.5-111.1l42.4 25.4l224-134.4V240c0 8.8 7.2 16 16 16s16-7.2 16-16V96c0-35.3-28.7-64-64-64zm118.7 198.7L32 323.4V140.3zM32 102.9V96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32v6.9L256 237.3zM512 368c0 61.9-50.1 112-112 112s-112-50.1-112-112s50.1-112 112-112s112 50.1 112 112m-63.8-53.7c-7.6-4.5-17.4-2.1-21.9 5.5l-37.4 62.4l-17.5-17.5c-6.3-6.3-16.4-6.3-22.7 0s-6.3 16.4 0 22.7l24.8 24.7c9.4 9.4 24.6 9.4 33.9 0c1.4-1.4 2.6-3 3.6-4.6l42.7-71.2c4.6-7.7 2.1-17.5-5.5-22"/></svg>

How to use the Mail Archiver icon

React

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

<Icon icon="selfhst:mail-archiver" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:mail-archiver" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:mail-archiver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mail-archiver]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mail-archiver"></div>

Web component

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

<iconify-icon icon="selfhst:mail-archiver"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/selfhst/mail-archiver.svg" alt="Mail Archiver icon" width="24" height="24">

Related icons in selfh.st/icons

mail-archiver-dark icon
mail-archiver-dark
 mail-archiver-light icon
mail-archiver-light
 mail-in-a-box icon
mail-in-a-box
 mailchimp icon
mailchimp
 mailchimp-dark icon
mailchimp-dark
 mailchimp-light icon
mailchimp-light
 mailcow icon
mailcow
 mailcow-dark icon
mailcow-dark
 mailcow-light icon
mailcow-light
 maildev icon
maildev
 maildev-dark icon
maildev-dark
 maildev-light icon
maildev-light
 mailflow-sh icon
mailflow-sh
 mailflow-sh-dark icon
mailflow-sh-dark
 mailflow-sh-light icon
mailflow-sh-light
 mailgun icon
mailgun
 mailgun-dark icon
mailgun-dark
 mailgun-light icon
mailgun-light
 mailjet icon
mailjet
 mailjet-dark icon
mailjet-dark
 mailjet-light icon
mailjet-light
 mailpit icon
mailpit
 mailpit-dark icon
mailpit-dark
 mailpit-light icon
mailpit-light

Mail Archiver icon FAQ

Is the Mail Archiver icon free for commercial use?

Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Mail Archiver icon in React?

Install @iconify/react and render <Icon icon="selfhst:mail-archiver" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mail Archiver icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/mail-archiver.svg" alt="Mail Archiver icon">, or paste the SVG code inline to style it with CSS.

Browse all selfh.st/icons →