Иконка Mailrise
selfhst:mailrise
Иконка Mailrise (selfhst:mailrise) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGUpGnHZzK" x1="1160.298" x2="1160.298" y1="-235.733" y2="-753.899" gradientTransform="matrix(.75 0 0 -.75 -614.224 -37.114)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#abd5ec"/><stop offset="1" stop-color="#73c2e2"/></linearGradient><path fill="url(#SVGUpGnHZzK)" d="M489.1 511H22.9C10.3 511 0 500.8 0 488.2V180.4c0-12.6 10.3-22.9 22.9-22.9h466.3c12.6 0 22.9 10.3 22.9 22.9v307.8c-.1 12.6-10.4 22.8-23 22.8"/><path fill="#2e6e99" d="M22.9 511h466.3c10.2 0 18.8-6.7 21.8-15.9c-81.9-55.2-163.7-110.3-245.6-165.5c-1.8-.9-5.5-2.3-10.3-2.1c-3.7.2-6.5 1.3-8.2 2.1C164.9 384.7 83 439.8 1.1 494.9c2.8 9.3 11.6 16.1 21.8 16.1"/><path fill="#3e8fb8" d="M509.9 171.1c-1 2.2-2.3 4.2-3.9 5.9c-3 2-6.1 4.1-9.1 6.1h-.1C419.6 235.1 342.4 287 265.2 339c-1.7.8-4.6 1.9-8.2 2.1c-4.8.2-8.5-1.2-10.3-2.1c-77-51.9-154-103.8-231.1-155.7h-.1c-3.2-2.2-6.4-4.3-9.6-6.5c0 0-.1 0-.1-.1c-1.5-1.7-2.8-3.6-3.7-5.7l3.9-6c3-2 6-4.1 9-6.1C92.3 106.9 169.5 55 246.8 3.1c1.7-.8 4.6-1.9 8.2-2.1c4.8-.2 8.5 1.2 10.3 2.1c77 51.9 154 103.8 231.1 155.7c3.3 2.2 6.6 4.4 9.8 6.6l.1.1z"/><linearGradient id="SVGrPSXzett" x1="1152.471" x2="1157.894" y1="-187.705" y2="-515.813" gradientTransform="matrix(.75 0 0 -.75 -614.224 -37.114)" gradientUnits="userSpaceOnUse"><stop offset=".162" stop-color="#fff"/><stop offset="1" stop-color="#ebebeb"/></linearGradient><path fill="url(#SVGrPSXzett)" d="M394.1 223.5v-.5c0-32.8-29.5-59.5-65.8-59.5c-3.6 0-7 .3-10.5.8c.1-1.3.2-2.6.2-3.9c0-27.7-24.9-50.2-55.6-50.2c-24.2 0-44.8 14-52.4 33.5c-8.1-2.6-16.8-4-26-4c-43.3 0-78.4 31.7-78.4 70.8c0 4.4.4 8.6 1.3 12.8c-7.5.9-14.2 4-19.4 8.5c53 35.7 105.9 71.4 158.9 107.1c1.8.9 5.5 2.3 10.3 2.1c3.7-.2 6.5-1.3 8.2-2.1c50.5-34 101.1-68 151.6-102c-4.8-6.9-12.9-11.9-22.4-13.4"/></svg>Как использовать иконку Mailrise
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:mailrise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:mailrise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:mailrise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mailrise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mailrise"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:mailrise"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/mailrise.svg" alt="Иконка Mailrise" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Mailrise
Можно ли бесплатно использовать иконку Mailrise в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Mailrise в React?
Установите @iconify/react и выведите <Icon icon="selfhst:mailrise" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Mailrise на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/mailrise.svg" alt="Иконка Mailrise">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.