Envelopewithlightning icon
fxemoji:envelopewithlightning
The Envelopewithlightning icon (fxemoji:envelopewithlightning) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<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>How to use the Envelopewithlightning icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:envelopewithlightning"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/envelopewithlightning.svg" alt="Envelopewithlightning icon" width="24" height="24">Envelopewithlightning icon FAQ
Is the Envelopewithlightning icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Envelopewithlightning icon in React?
Install @iconify/react and render <Icon icon="fxemoji:envelopewithlightning" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Envelopewithlightning icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/envelopewithlightning.svg" alt="Envelopewithlightning icon">, or paste the SVG code inline to style it with CSS.