Иконка Mail Outgoing

streamline-plump:mail-outgoing

Иконка Mail Outgoing (streamline-plump:mail-outgoing) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Почта
Теги: mailoutgoing

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path stroke-linecap="round" d="M37.66 11.5c1.682.95 3.183 1.85 4.302 2.54c1.32.813 2.223 2.128 2.416 3.667c.283 2.26.622 6.196.622 12.093c0 4.569-.203 7.96-.426 10.308c-.24 2.517-2.249 4.349-4.773 4.498C36.577 44.797 31.41 45 24 45c-7.409 0-12.577-.203-15.801-.394c-2.524-.149-4.533-1.981-4.772-4.498C3.203 37.76 3 34.368 3 29.8c0-5.897.339-9.833.622-12.093c.193-1.539 1.096-2.854 2.416-3.667c1.12-.69 2.62-1.59 4.303-2.54"/><path d="M15.585 10.224c-.853 1.006-.3 2.277 1.015 2.363c.959.063 2.24.12 3.935.155a205 205 0 0 0-.035 4.032v5.594c0 1.076.598 2.063 1.658 2.252c.5.09 1.115.154 1.842.154s1.342-.065 1.843-.154c1.06-.189 1.657-1.176 1.657-2.252v-5.594c0-1.694-.014-3.013-.034-4.032a89 89 0 0 0 3.934-.155c1.316-.086 1.868-1.357 1.015-2.364a61 61 0 0 0-2.96-3.213c-2.05-2.09-3.522-3.169-4.416-3.713a1.97 1.97 0 0 0-2.077 0c-.894.544-2.366 1.624-4.416 3.713a61 61 0 0 0-2.96 3.214Z"/><path stroke-linecap="round" d="M39 19v2.727c0 1.738-.898 3.351-2.413 4.204C33.203 27.836 27.113 31 24 31s-9.203-3.164-12.588-5.07C9.899 25.079 9 23.466 9 21.728V19"/></g></svg>

Как использовать иконку Mail Outgoing

React

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

<Icon icon="streamline-plump:mail-outgoing" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:mail-outgoing" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:mail-outgoing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--mail-outgoing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:mail-outgoing"></div>

Веб-компонент

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

<iconify-icon icon="streamline-plump:mail-outgoing"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump/mail-outgoing.svg" alt="Иконка Mail Outgoing" width="24" height="24">

Иконка Mail Outgoing в других наборах

Вопросы и ответы: Иконка Mail Outgoing

Можно ли бесплатно использовать иконку Mail Outgoing в коммерческих проектах?

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Mail Outgoing в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump:mail-outgoing" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Mail Outgoing на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/mail-outgoing.svg" alt="Иконка Mail Outgoing">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump free icons →