Envelopewithlightning アイコン
fxemoji:envelopewithlightning
Envelopewithlightning アイコン(fxemoji:envelopewithlightning)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#B9C5C6" d="M256.131 219.866L3.988 397.307V129.405c0-26.113 21.164-47.277 47.277-47.277h409.733c26.113 0 47.277 21.164 47.277 47.277v267.902z"/><path fill="#96A9B2" d="M509.175 399.037c-.075.138-.202.235-.284.37c-6.895 18.064-24.257 30.95-44.748 30.95H47.999c-1.561 0-3.011-.366-4.535-.512h-.605c-.157-.019-.284-.101-.441-.12c-10.025-1.18-19.05-5.315-26.207-11.699c-.134-.12-.314-.176-.448-.295l.082-.064c-1.688-1.539-3.444-3.018-4.901-4.785a48 48 0 0 1-8.031-14.003c-.03-.041-.067-.071-.09-.116l.045-.037C1.015 393.609 221.126 227.3 221.126 227.3c27.29-20.686 41.805-20.365 69.401 0c0 0 220.432 166.443 218.512 171.631z"/><path fill="#DCE2E2" d="M17.593 93.57c6.367-5.657 18.419-10.827 28.628-11.912l419.838-.015c10.239 1.1 18.626 0 28.658 11.927s10.76 18.675 10.76 18.675L290.538 281.066c-26.869 20.367-41.161 20.051-68.331 0L6.929 111.977s4.297-12.75 10.664-18.407"/><path fill="#FDB436" d="M295.895 240.586L112.79 347.925c-2.841 1.666-5.959-1.696-4.084-4.404l60.487-87.346c1.261-1.821.241-4.338-1.932-4.768l-83.364-16.484c-2.762-.546-3.399-4.208-.984-5.655l183.823-110.151c2.917-1.748 6.095 1.832 4.013 4.521L201.5 213.07c-1.41 1.821-.392 4.488 1.872 4.907l91.527 16.931c2.801.518 3.454 4.237.996 5.678"/></svg>Envelopewithlightning アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:envelopewithlightning" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:envelopewithlightning" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:envelopewithlightning" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--envelopewithlightning]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:envelopewithlightning"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:envelopewithlightning"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/envelopewithlightning.svg" alt="Envelopewithlightning アイコン" width="24" height="24">Envelopewithlightning アイコン のよくある質問
Envelopewithlightning アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Envelopewithlightning アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:envelopewithlightning" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Envelopewithlightning アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/envelopewithlightning.svg" alt="Envelopewithlightning アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。