User Envelope Light アイコン

Q: User Envelope Light アイコンは商用利用でも無料ですか?

はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

stash:user-envelope-light

User Envelope Light アイコン(stash:user-envelope-light)は、Stash Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

Stash Icons の関連アイコン

User Envelope Light アイコンのよくある質問

User Envelope Light アイコンは商用利用でも無料ですか?

はい。Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で User Envelope Light アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Stash Icons をすべて見る →