Иконка Mail Send

streamline-plump-color:mail-send

Иконка Mail Send (streamline-plump-color:mail-send) — бесплатная 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
Категория: Почта
Теги: mailsend

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M13.412 34.508c.158 1.698 1.482 2.974 3.182 3.103C19.018 37.794 23.067 38 29 38s9.982-.206 12.406-.39c1.7-.128 3.024-1.404 3.182-3.102c.2-2.151.412-5.589.412-10.508c0-4.92-.212-8.357-.412-10.508c-.158-1.698-1.482-2.974-3.182-3.103C38.982 10.206 34.934 10 29 10s-9.982.206-12.405.39c-1.7.128-3.025 1.404-3.183 3.102C13.212 15.643 13 19.08 13 24s.212 8.357.412 10.508"/><path fill="#8fbffa" d="M44.988 22.004c-.048-3.869-.228-6.665-.4-8.512c-.158-1.698-1.483-2.974-3.183-3.103C38.982 10.206 34.934 10 29 10c-5.935 0-9.982.206-12.406.39c-1.7.128-3.025 1.404-3.183 3.102c-.171 1.847-.352 4.643-.4 8.512C16.968 23.94 25.662 28 29 28s12.032-4.06 15.988-5.996"/><path stroke="#2859c5" stroke-linejoin="round" d="M13.412 34.508c.158 1.698 1.482 2.974 3.182 3.103C19.018 37.794 23.067 38 29 38s9.982-.206 12.406-.39c1.7-.128 3.024-1.404 3.182-3.102c.2-2.151.412-5.589.412-10.508c0-4.92-.212-8.357-.412-10.508c-.158-1.698-1.482-2.974-3.182-3.103C38.982 10.206 34.934 10 29 10s-9.982.206-12.405.39c-1.7.128-3.025 1.404-3.183 3.102C13.212 15.643 13 19.08 13 24s.212 8.357.412 10.508Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M13 22s11.616 6 16 6c4.383 0 16-6 16-6M3 17h5m-4 7h4m-3 7h3"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Plump color icons →