Mail Outgoing ikonu

streamline-plump-color:mail-outgoing

Mail Outgoing ikonu (streamline-plump-color:mail-outgoing), Plump color icons setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 48 × 48 ızgara üzerinde çizilmiştir. Plump color icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Plump color icons
Yazar: Streamline
Lisans: CC-BY-4.0
Boyut: 48 × 48
Kategori: Posta
Etiketler: mailoutgoing

SVG indir

SVG kodu

<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="M11.179 11.031a131 131 0 0 0-5.14 3.009c-1.321.813-2.224 2.128-2.417 3.667C3.339 19.967 3 23.903 3 29.8c0 4.569.203 7.96.427 10.308c.239 2.517 2.248 4.349 4.772 4.498C11.423 44.797 16.59 45 24 45c7.409 0 12.577-.203 15.801-.394c2.524-.149 4.533-1.981 4.773-4.498c.223-2.347.426-5.74.426-10.308c0-5.897-.339-9.833-.622-12.093c-.193-1.539-1.096-2.854-2.416-3.667a131 131 0 0 0-5.141-3.009a5.2 5.2 0 0 1-.427 2.303c-.872 2.024-2.794 3.118-4.734 3.245l-.16.01v5.779c0 2.325-1.38 5.553-4.956 6.19c-.728.13-1.577.216-2.544.216s-1.816-.086-2.544-.216c-3.575-.637-4.956-3.866-4.956-6.19v-5.779l-.16-.01c-1.94-.127-3.862-1.221-4.734-3.245a5.2 5.2 0 0 1-.427-2.303"/><path fill="#fff" d="M12.15 14.305q-.621.342-1.15.637a3.93 3.93 0 0 0-2 3.438v3.898c0 1.08.576 2.075 1.53 2.582C13.62 26.503 20.593 30 24 30s10.381-3.497 13.47-5.14A2.91 2.91 0 0 0 39 22.278V18.38a3.93 3.93 0 0 0-2-3.438c-.351-.196-.737-.41-1.15-.637c-.997 1.404-2.587 2.17-4.19 2.274l-.16.01v5.779c0 2.325-1.38 5.553-4.956 6.19c-.728.13-1.577.217-2.544.217a14.6 14.6 0 0 1-2.544-.216c-3.575-.638-4.956-3.866-4.956-6.191v-5.779l-.16-.01c-1.603-.105-3.194-.87-4.19-2.274"/><path fill="#fff" d="M15.584 10.224c-.853 1.006-.3 2.277 1.015 2.363c.959.063 2.24.12 3.935.155c-.02 1.019-.034 2.338-.034 4.032v5.594c0 1.076.597 2.063 1.657 2.252c.5.09 1.115.154 1.843.154c.727 0 1.341-.065 1.842-.154c1.06-.189 1.658-1.176 1.658-2.252v-5.594a205 205 0 0 0-.035-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="#2859c5" stroke-linecap="round" stroke-linejoin="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 stroke="#2859c5" stroke-linejoin="round" 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="#2859c5" stroke-linecap="round" stroke-linejoin="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 ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-outgoing.svg" alt="Mail Outgoing ikonu" width="24" height="24">

Plump color icons setindeki benzer ikonlar

Diğer ikon setlerinde Mail Outgoing ikonu

Mail Outgoing ikonu: sık sorulan sorular

Mail Outgoing ikonu ticari kullanım için ücretsiz mi?

Evet. Plump color icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Mail Outgoing ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="streamline-plump-color:mail-outgoing" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Mail Outgoing ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/mail-outgoing.svg" alt="Mail Outgoing ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Plump color icons →