Envelope At Light アイコン
stash:envelope-at-light
Envelope At Light アイコン(stash:envelope-at-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- envelopeat、atlight、envelopeatlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.733 6.5A4.233 4.233 0 0 0 7.5 10.733a.5.5 0 1 0 1 0A3.233 3.233 0 0 1 11.733 7.5H12.8a2.7 2.7 0 0 1 2.7 2.7v.8a.5.5 0 0 0 1 0v-.8a3.7 3.7 0 0 0-3.7-3.7z"/><path fill="currentColor" d="M11.833 8.5c.505 0 .963.167 1.336.448a.5.5 0 0 1 .998.052v2.833c0 .167.06.319.161.436a.5.5 0 1 1-.757.653a2 2 0 0 1-.105-.135a2.23 2.23 0 0 1-1.633.713C10.505 13.5 9.5 12.339 9.5 11s1.005-2.5 2.333-2.5M10.5 11c0 .87.637 1.5 1.333 1.5c.697 0 1.334-.63 1.334-1.5s-.637-1.5-1.334-1.5c-.696 0-1.333.63-1.333 1.5"/><path fill="currentColor" d="M14.809 4.166c-.98-.612-1.852-.976-2.775-.983c-.925-.007-1.82.343-2.843.983l-3.2 2c-.907.567-1.55 1.146-1.955 1.886c-.403.739-.536 1.58-.536 2.608v5.562c0 .822 0 1.468.043 1.99c.043.53.133.974.338 1.377a3.5 3.5 0 0 0 1.53 1.53c.403.205.847.295 1.378.338c.52.043 1.168.043 1.989.043h6.444c.822 0 1.469 0 1.99-.043c.53-.043.974-.133 1.377-.338a3.5 3.5 0 0 0 1.53-1.53c.205-.403.295-.847.338-1.378c.043-.52.043-1.167.043-1.989V10.66c0-1.028-.133-1.87-.536-2.608c-.404-.74-1.048-1.319-1.955-1.886zm-5.088.848c.95-.594 1.653-.836 2.305-.83c.653.004 1.338.258 2.253.83l3.2 2c.834.521 1.318.988 1.607 1.517c.192.352.312.756.37 1.266l-5.753 4.675c-.722.587-1.227.816-1.68.822c-.45.005-.97-.208-1.726-.822L4.544 9.798c.058-.51.178-.915.37-1.267c.289-.529.773-.996 1.607-1.517zm4.68 10.18L19.5 11.05v5.15c0 .848 0 1.454-.04 1.93c-.038.469-.11.766-.233 1.005a2.5 2.5 0 0 1-.359.526zm-.819.595l4.475 4.475c-.225.1-.508.163-.927.197c-.476.039-1.082.039-1.93.039H8.8c-.848 0-1.455 0-1.93-.04c-.42-.034-.702-.096-.927-.196l4.476-4.476c.54.33 1.066.513 1.617.506c.536-.007 1.04-.194 1.546-.505m-8.45 3.872a2.5 2.5 0 0 1-.36-.526c-.121-.239-.194-.536-.233-1.005c-.039-.476-.039-1.082-.039-1.93v-5.15l5.1 4.144z"/></svg>Envelope At Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:envelope-at-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:envelope-at-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:envelope-at-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--envelope-at-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:envelope-at-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:envelope-at-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/envelope-at-light.svg" alt="Envelope At Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Envelope At Light アイコン のよくある質問
Envelope At Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Envelope At Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:envelope-at-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Envelope At Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/envelope-at-light.svg" alt="Envelope At Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。