backofenvelope emoji
backofenvelope from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- backofenvelope
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottleballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtubbattery
Use the backofenvelope emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B9C5C6" d="M256.954 250.063L4.811 427.505V159.602c0-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.864 429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401 0c0 0-220.111 166.308-218.258 171.426l-.045.037c.022.045.06.075.09.116a48 48 0 0 0 8.031 14.003c1.457 1.767 3.212 3.246 4.901 4.785l-.082.064c.134.12.314.176.448.295c7.157 6.384 16.181 10.518 26.207 11.699c.157.019.284.101.441.12h.605c1.524.146 2.973.512 4.535.512h416.144c20.492 0 37.853-12.887 44.748-30.95c.082-.134.209-.232.284-.37z"/><path fill="#DCE2E2" d="m7.752 142.174l215.277 169.089c27.171 20.051 41.462 20.367 68.331 0l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209 1.085-22.262 6.255-28.628 11.912c-6.367 5.656-10.665 18.406-10.665 18.406"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiBackofenvelope(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B9C5C6" d="M256.954 250.063L4.811 427.505V159.602c0-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.864 429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401 0c0 0-220.111 166.308-218.258 171.426l-.045.037c.022.045.06.075.09.116a48 48 0 0 0 8.031 14.003c1.457 1.767 3.212 3.246 4.901 4.785l-.082.064c.134.12.314.176.448.295c7.157 6.384 16.181 10.518 26.207 11.699c.157.019.284.101.441.12h.605c1.524.146 2.973.512 4.535.512h416.144c20.492 0 37.853-12.887 44.748-30.95c.082-.134.209-.232.284-.37z"/><path fill="#DCE2E2" d="m7.752 142.174l215.277 169.089c27.171 20.051 41.462 20.367 68.331 0l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209 1.085-22.262 6.255-28.628 11.912c-6.367 5.656-10.665 18.406-10.665 18.406"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#B9C5C6" d="M256.954 250.063L4.811 427.505V159.602c0-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.864 429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401 0c0 0-220.111 166.308-218.258 171.426l-.045.037c.022.045.06.075.09.116a48 48 0 0 0 8.031 14.003c1.457 1.767 3.212 3.246 4.901 4.785l-.082.064c.134.12.314.176.448.295c7.157 6.384 16.181 10.518 26.207 11.699c.157.019.284.101.441.12h.605c1.524.146 2.973.512 4.535.512h416.144c20.492 0 37.853-12.887 44.748-30.95c.082-.134.209-.232.284-.37z"/><path fill="#DCE2E2" d="m7.752 142.174l215.277 169.089c27.171 20.051 41.462 20.367 68.331 0l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209 1.085-22.262 6.255-28.628 11.912c-6.367 5.656-10.665 18.406-10.665 18.406"/></svg> </template>
CSS
.icon-backofenvelope {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23B9C5C6%22%20d%3D%22M256.954%20250.063L4.811%20427.505V159.602c0-26.113%2021.164-47.277%2047.277-47.277h409.733c26.113%200%2047.277%2021.164%2047.277%2047.277v267.902z%22%2F%3E%3Cpath%20fill%3D%22%2396A9B2%22%20d%3D%22M509.864%20429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401%200c0%200-220.111%20166.308-218.258%20171.426l-.045.037c.022.045.06.075.09.116a48%2048%200%200%200%208.031%2014.003c1.457%201.767%203.212%203.246%204.901%204.785l-.082.064c.134.12.314.176.448.295c7.157%206.384%2016.181%2010.518%2026.207%2011.699c.157.019.284.101.441.12h.605c1.524.146%202.973.512%204.535.512h416.144c20.492%200%2037.853-12.887%2044.748-30.95c.082-.134.209-.232.284-.37z%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22m7.752%20142.174l215.277%20169.089c27.171%2020.051%2041.462%2020.367%2068.331%200l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209%201.085-22.262%206.255-28.628%2011.912c-6.367%205.656-10.665%2018.406-10.665%2018.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23B9C5C6%22%20d%3D%22M256.954%20250.063L4.811%20427.505V159.602c0-26.113%2021.164-47.277%2047.277-47.277h409.733c26.113%200%2047.277%2021.164%2047.277%2047.277v267.902z%22%2F%3E%3Cpath%20fill%3D%22%2396A9B2%22%20d%3D%22M509.864%20429.13c1.92-5.188-218.512-171.631-218.512-171.631c-27.596-20.365-42.111-20.686-69.401%200c0%200-220.111%20166.308-218.258%20171.426l-.045.037c.022.045.06.075.09.116a48%2048%200%200%200%208.031%2014.003c1.457%201.767%203.212%203.246%204.901%204.785l-.082.064c.134.12.314.176.448.295c7.157%206.384%2016.181%2010.518%2026.207%2011.699c.157.019.284.101.441.12h.605c1.524.146%202.973.512%204.535.512h416.144c20.492%200%2037.853-12.887%2044.748-30.95c.082-.134.209-.232.284-.37z%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22m7.752%20142.174l215.277%20169.089c27.171%2020.051%2041.462%2020.367%2068.331%200l214.94-168.82s-.728-6.749-10.76-18.675s-18.419-10.827-28.658-11.927l-419.837.015c-10.209%201.085-22.262%206.255-28.628%2011.912c-6.367%205.656-10.665%2018.406-10.665%2018.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/backofenvelope.svg?color=%231a73e8&size=48
