Иконка User Envelope Light

stash:user-envelope-light

Иконка User Envelope Light (stash:user-envelope-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: userenvelope, envelopelight, userenvelopelight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M15.828 14.6h2.344c.484 0 .87 0 1.183.025c.32.025.596.078.85.203c.41.2.744.522.955.921c.132.25.188.522.214.834c.026.303.026.677.026 1.142v.55c0 .465 0 .84-.026 1.142c-.026.312-.082.583-.214.834c-.21.399-.546.72-.954.921c-.255.125-.531.178-.851.203c-.312.025-.699.025-1.183.025h-2.344c-.484 0-.87 0-1.182-.025c-.32-.025-.597-.078-.852-.203a2.15 2.15 0 0 1-.954-.921c-.132-.25-.188-.522-.214-.834c-.026-.303-.026-.677-.026-1.142v-.55c0-.465 0-.839.026-1.142c.026-.312.082-.583.214-.834c.211-.399.546-.72.954-.921c.255-.125.531-.178.851-.203c.313-.025.7-.025 1.183-.025m-1.525.887l2.346 2.262c.192.185.51.185.702 0l2.346-2.262a2 2 0 0 0-.405-.065a16 16 0 0 0-1.136-.022h-2.311c-.505 0-.86 0-1.137.022a2 2 0 0 0-.405.065m6.05.478l-2.447 2.36a1.31 1.31 0 0 1-1.812 0l-2.448-2.36q-.055.075-.099.158c-.06.116-.102.268-.124.528c-.023.265-.023.605-.023 1.092v.514c0 .487 0 .827.023 1.092c.022.26.063.412.124.528l.014.026l1.384-1.334a.4.4 0 0 1 .555.576l-1.356 1.308l.003.001c.126.062.288.102.561.124c.277.022.632.022 1.136.022h2.312c.504 0 .859 0 1.136-.022c.273-.022.435-.062.561-.124l.003-.001l-1.356-1.308a.4.4 0 0 1 .555-.576l1.384 1.334l.014-.026c.061-.116.102-.268.124-.528c.023-.265.023-.605.023-1.092v-.514c0-.487 0-.827-.023-1.092c-.022-.26-.063-.412-.124-.528a1 1 0 0 0-.1-.158"/><path d="M10 3.5C8.564 3.5 7.421 4.631 7.421 6s1.143 2.5 2.58 2.5c1.436 0 2.578-1.131 2.578-2.5S11.437 3.5 10 3.5M6.421 6c0-1.945 1.615-3.5 3.58-3.5c1.963 0 3.578 1.555 3.578 3.5S11.964 9.5 10 9.5S6.421 7.945 6.421 6m1.186 5.756c-.219-.14-.43-.18-.586-.138q-.22.06-.438.13l-.985.316a2.53 2.53 0 0 0-1.58 1.433l-.027.091l-.002.004l-.002.01l-.009.032l-.043.174l-.007.032l-.002.01l-.001.004a2 2 0 0 0-.033.229l-.377 3.563v.009c-.091.636.252 1.175.823 1.308c1.098.254 2.93.537 5.662.537a.5.5 0 1 1 0 1c-2.8 0-4.71-.29-5.888-.563c-1.146-.266-1.737-1.345-1.59-2.414l.375-3.543c.012-.106.019-.172.045-.312a6 6 0 0 1 .136-.514l.001-.003v-.002a3.53 3.53 0 0 1 2.214-2.037l.985-.316q.237-.076.478-.142c.52-.143 1.027.026 1.394.263c.393.254 1.045.569 1.85.569s1.457-.315 1.85-.57c.367-.236.874-.405 1.395-.262q.24.067.478.142l.984.316a.5.5 0 1 1-.305.952l-.984-.315a11 11 0 0 0-.439-.13c-.155-.043-.367-.004-.585.137c-.49.317-1.33.73-2.394.73s-1.904-.413-2.393-.73"/></g></svg>

Как использовать иконку User Envelope Light

React

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

<Icon icon="stash:user-envelope-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:user-envelope-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:user-envelope-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--user-envelope-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:user-envelope-light"></div>

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

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

<iconify-icon icon="stash:user-envelope-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/user-envelope-light.svg" alt="Иконка User Envelope Light" width="24" height="24">

Вопросы и ответы: Иконка User Envelope Light

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

Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку User Envelope Light в React?

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

Как добавить иконку User Envelope Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/user-envelope-light.svg" alt="Иконка User Envelope Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stash Icons →