Иконка Envelope Open
fa-regular:envelope-open
Иконка Envelope Open (fa-regular:envelope-open) — бесплатная SVG-иконка из набора Font Awesome 5 Regular от Dave Gandy. Она нарисована на сетке 512 × 512. Font Awesome 5 Regular icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 5 Regular
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Категория
- Бизнес, Предметы, Связь, Письмо, Интерфейсы
- Теги
- envelopeopen
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M494.586 164.516c-4.697-3.883-111.723-89.95-135.251-108.657C337.231 38.191 299.437 0 256 0c-43.205 0-80.636 37.717-103.335 55.859c-24.463 19.45-131.07 105.195-135.15 108.549A48 48 0 0 0 0 201.485V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.509a48 48 0 0 0-17.414-36.993M464 458a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V204.347c0-1.813.816-3.526 2.226-4.665c15.87-12.814 108.793-87.554 132.364-106.293C200.755 78.88 232.398 48 256 48c23.693 0 55.857 31.369 73.41 45.389c23.573 18.741 116.503 93.493 132.366 106.316a5.99 5.99 0 0 1 2.224 4.663zm-31.991-187.704c4.249 5.159 3.465 12.795-1.745 16.981c-28.975 23.283-59.274 47.597-70.929 56.863C336.636 362.283 299.205 400 256 400c-43.452 0-81.287-38.237-103.335-55.86c-11.279-8.967-41.744-33.413-70.927-56.865c-5.21-4.187-5.993-11.822-1.745-16.981l15.258-18.528c4.178-5.073 11.657-5.843 16.779-1.726c28.618 23.001 58.566 47.035 70.56 56.571C200.143 320.631 232.307 352 256 352c23.602 0 55.246-30.88 73.41-45.389c11.994-9.535 41.944-33.57 70.563-56.568c5.122-4.116 12.601-3.346 16.778 1.727z"/></svg>
Как использовать иконку Envelope Open
React
import { Icon } from "@iconify/react";
<Icon icon="fa-regular:envelope-open" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-regular:envelope-open" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-regular:envelope-open" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-regular--envelope-open]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-regular -->
<div class="i-fa-regular:envelope-open"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-regular:envelope-open"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa-regular/envelope-open.svg" alt="Иконка Envelope Open" width="24" height="24">
Похожие иконки в наборе Font Awesome 5 Regular
Иконка Envelope Open в других наборах
Вопросы и ответы: Иконка Envelope Open
Можно ли бесплатно использовать иконку Envelope Open в коммерческих проектах?
Да. Font Awesome 5 Regular icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Envelope Open в React?
Установите @iconify/react и выведите <Icon icon="fa-regular:envelope-open" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Envelope Open на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa-regular/envelope-open.svg" alt="Иконка Envelope Open">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome 5 Regular →
ICONYZ
