Иконка Mail Outgoing Flat

streamline-plump-color:mail-outgoing-flat

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M35.7 8.72a4.26 4.26 0 0 1-.223 2.718c-.701 1.627-2.255 2.537-3.881 2.643q-.502.033-1.112.063c.023 2.255.021 4.506.019 6.736v.006l-.002 1.982c0 2.04-1.206 4.685-4.13 5.206a13.6 13.6 0 0 1-4.739 0c-2.924-.521-4.13-3.166-4.13-5.206L17.5 20.88c-.002-2.23-.005-4.48.019-6.736q-.611-.03-1.113-.063c-1.626-.106-3.18-1.016-3.88-2.643a4.26 4.26 0 0 1-.224-2.718a125 125 0 0 0-7.05 4.042c-1.677 1.033-2.865 2.734-3.119 4.758c-.291 2.327-.633 6.326-.633 12.28c0 4.613.205 8.053.433 10.45c.314 3.296 2.958 5.663 6.177 5.854c3.256.193 8.454.396 15.89.396s12.634-.203 15.89-.396c3.218-.19 5.863-2.558 6.177-5.854c.228-2.397.433-5.837.433-10.45c0-5.954-.342-9.953-.633-12.28c-.254-2.024-1.442-3.725-3.119-4.758a125 125 0 0 0-7.047-4.041Z"/><path fill="#2859c5" d="M34.33 12.995a4.7 4.7 0 0 1-2.734 1.086a67 67 0 0 1-1.112.063c.023 2.255.021 4.506.019 6.736v.006l-.002 1.982c0 2.04-1.206 4.685-4.13 5.206a13.6 13.6 0 0 1-4.739 0c-2.924-.521-4.13-3.165-4.13-5.206l-.002-1.987c-.002-2.23-.005-4.482.019-6.737a67 67 0 0 1-1.113-.063a4.68 4.68 0 0 1-2.736-1.087a194 194 0 0 0-5.505 3.224A3.47 3.47 0 0 0 6.5 19.189v3.034c0 1.658.912 3.205 2.43 3.964c1.657.826 4.388 2.136 7.18 3.243c2.713 1.076 5.743 2.07 7.89 2.07s5.177-.994 7.89-2.07c2.792-1.107 5.523-2.417 7.18-3.243a4.41 4.41 0 0 0 2.43-3.965V19.19a3.47 3.47 0 0 0-1.664-2.971a194 194 0 0 0-5.505-3.223Z"/><path fill="#2859c5" d="M15.586 8.724c-.853 1.006-.3 2.277 1.015 2.363c.964.063 2.256.121 3.966.155a266 266 0 0 0-.066 6.032v5.594c0 1.076.598 2.063 1.658 2.252c.5.09 1.115.154 1.843.154c.727 0 1.341-.065 1.842-.154c1.06-.189 1.657-1.176 1.657-2.252v-5.594c0-2.468-.03-4.506-.065-6.032c1.71-.034 3-.092 3.965-.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"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Plump color icons →