documentwithpicture emoji
documentwithpicture from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- documentwithpicture
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the documentwithpicture emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M433.694 507.594H78.306c-11.929 0-21.6-9.671-21.6-21.6V25.317c0-11.929 9.671-21.6 21.6-21.6h263.026l113.961 112.739v369.538c.001 11.929-9.67 21.6-21.599 21.6"/><path fill="#76DFFF" d="M392.707 88.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482 0-15.359 6.876-15.359 15.359v373.021c0 8.482 6.876 15.359 15.359 15.359h281.916c8.482 0 15.359-6.876 15.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858"/><path fill="#BCBBBB" d="m363.12 341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9 304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207 56.557c-4.25 4.681-.928 12.329 5.395 12.329H357.29c6.003 0 9.431-7.001 5.83-11.804"/><path fill="#009E83" d="M402.791 463.825H106.983a8.41 8.41 0 0 1-8.412-8.412V342.7h312.633v112.712a8.413 8.413 0 0 1-8.413 8.413"/><circle cx="333.688" cy="177.181" r="21.411" fill="#FFB636"/><path fill="#FFF" d="M363.907 296.044c2.482-1.749 5.764-2.438 9.189-1.411c4.32 1.296 7.185 5.404 7.185 9.914a.076.076 0 0 1-.076.076H279.981c-2.236 0-3.89-2.125-3.299-4.282c1.877-6.851 8.147-11.885 15.594-11.885c0-7.937 6.434-14.37 14.37-14.37s14.37 6.434 14.37 14.37c0-12.705 10.694-22.911 23.571-22.11c10.63.661 19.446 9.031 20.601 19.619c.398 3.653-.092 7.151-1.282 10.307zM170.109 168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32 1.296-7.185 5.404-7.185 9.914c0 .042.034.076.076.076h100.223c2.236 0 3.89-2.125 3.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937 0-14.37 6.434-14.37 14.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446 9.031-20.601 19.619c-.398 3.653.092 7.151 1.282 10.307z"/><path fill="#B9C5C6" d="m341.333 3.717l112.739 112.739h-88.776c-13.235 0-23.963-10.729-23.963-23.963z"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiDocumentwithpicture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M433.694 507.594H78.306c-11.929 0-21.6-9.671-21.6-21.6V25.317c0-11.929 9.671-21.6 21.6-21.6h263.026l113.961 112.739v369.538c.001 11.929-9.67 21.6-21.599 21.6"/><path fill="#76DFFF" d="M392.707 88.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482 0-15.359 6.876-15.359 15.359v373.021c0 8.482 6.876 15.359 15.359 15.359h281.916c8.482 0 15.359-6.876 15.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858"/><path fill="#BCBBBB" d="m363.12 341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9 304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207 56.557c-4.25 4.681-.928 12.329 5.395 12.329H357.29c6.003 0 9.431-7.001 5.83-11.804"/><path fill="#009E83" d="M402.791 463.825H106.983a8.41 8.41 0 0 1-8.412-8.412V342.7h312.633v112.712a8.413 8.413 0 0 1-8.413 8.413"/><circle cx="333.688" cy="177.181" r="21.411" fill="#FFB636"/><path fill="#FFF" d="M363.907 296.044c2.482-1.749 5.764-2.438 9.189-1.411c4.32 1.296 7.185 5.404 7.185 9.914a.076.076 0 0 1-.076.076H279.981c-2.236 0-3.89-2.125-3.299-4.282c1.877-6.851 8.147-11.885 15.594-11.885c0-7.937 6.434-14.37 14.37-14.37s14.37 6.434 14.37 14.37c0-12.705 10.694-22.911 23.571-22.11c10.63.661 19.446 9.031 20.601 19.619c.398 3.653-.092 7.151-1.282 10.307zM170.109 168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32 1.296-7.185 5.404-7.185 9.914c0 .042.034.076.076.076h100.223c2.236 0 3.89-2.125 3.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937 0-14.37 6.434-14.37 14.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446 9.031-20.601 19.619c-.398 3.653.092 7.151 1.282 10.307z"/><path fill="#B9C5C6" d="m341.333 3.717l112.739 112.739h-88.776c-13.235 0-23.963-10.729-23.963-23.963z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M433.694 507.594H78.306c-11.929 0-21.6-9.671-21.6-21.6V25.317c0-11.929 9.671-21.6 21.6-21.6h263.026l113.961 112.739v369.538c.001 11.929-9.67 21.6-21.599 21.6"/><path fill="#76DFFF" d="M392.707 88.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482 0-15.359 6.876-15.359 15.359v373.021c0 8.482 6.876 15.359 15.359 15.359h281.916c8.482 0 15.359-6.876 15.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858"/><path fill="#BCBBBB" d="m363.12 341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9 304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207 56.557c-4.25 4.681-.928 12.329 5.395 12.329H357.29c6.003 0 9.431-7.001 5.83-11.804"/><path fill="#009E83" d="M402.791 463.825H106.983a8.41 8.41 0 0 1-8.412-8.412V342.7h312.633v112.712a8.413 8.413 0 0 1-8.413 8.413"/><circle cx="333.688" cy="177.181" r="21.411" fill="#FFB636"/><path fill="#FFF" d="M363.907 296.044c2.482-1.749 5.764-2.438 9.189-1.411c4.32 1.296 7.185 5.404 7.185 9.914a.076.076 0 0 1-.076.076H279.981c-2.236 0-3.89-2.125-3.299-4.282c1.877-6.851 8.147-11.885 15.594-11.885c0-7.937 6.434-14.37 14.37-14.37s14.37 6.434 14.37 14.37c0-12.705 10.694-22.911 23.571-22.11c10.63.661 19.446 9.031 20.601 19.619c.398 3.653-.092 7.151-1.282 10.307zM170.109 168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32 1.296-7.185 5.404-7.185 9.914c0 .042.034.076.076.076h100.223c2.236 0 3.89-2.125 3.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937 0-14.37 6.434-14.37 14.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446 9.031-20.601 19.619c-.398 3.653.092 7.151 1.282 10.307z"/><path fill="#B9C5C6" d="m341.333 3.717l112.739 112.739h-88.776c-13.235 0-23.963-10.729-23.963-23.963z"/></svg> </template>
CSS
.icon-documentwithpicture {
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%23DCE2E2%22%20d%3D%22M433.694%20507.594H78.306c-11.929%200-21.6-9.671-21.6-21.6V25.317c0-11.929%209.671-21.6%2021.6-21.6h263.026l113.961%20112.739v369.538c.001%2011.929-9.67%2021.6-21.599%2021.6%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22M392.707%2088.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482%200-15.359%206.876-15.359%2015.359v373.021c0%208.482%206.876%2015.359%2015.359%2015.359h281.916c8.482%200%2015.359-6.876%2015.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858%22%2F%3E%3Cpath%20fill%3D%22%23BCBBBB%22%20d%3D%22m363.12%20341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9%20304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207%2056.557c-4.25%204.681-.928%2012.329%205.395%2012.329H357.29c6.003%200%209.431-7.001%205.83-11.804%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M402.791%20463.825H106.983a8.41%208.41%200%200%201-8.412-8.412V342.7h312.633v112.712a8.413%208.413%200%200%201-8.413%208.413%22%2F%3E%3Ccircle%20cx%3D%22333.688%22%20cy%3D%22177.181%22%20r%3D%2221.411%22%20fill%3D%22%23FFB636%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M363.907%20296.044c2.482-1.749%205.764-2.438%209.189-1.411c4.32%201.296%207.185%205.404%207.185%209.914a.076.076%200%200%201-.076.076H279.981c-2.236%200-3.89-2.125-3.299-4.282c1.877-6.851%208.147-11.885%2015.594-11.885c0-7.937%206.434-14.37%2014.37-14.37s14.37%206.434%2014.37%2014.37c0-12.705%2010.694-22.911%2023.571-22.11c10.63.661%2019.446%209.031%2020.601%2019.619c.398%203.653-.092%207.151-1.282%2010.307zM170.109%20168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32%201.296-7.185%205.404-7.185%209.914c0%20.042.034.076.076.076h100.223c2.236%200%203.89-2.125%203.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937%200-14.37%206.434-14.37%2014.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446%209.031-20.601%2019.619c-.398%203.653.092%207.151%201.282%2010.307z%22%2F%3E%3Cpath%20fill%3D%22%23B9C5C6%22%20d%3D%22m341.333%203.717l112.739%20112.739h-88.776c-13.235%200-23.963-10.729-23.963-23.963z%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%23DCE2E2%22%20d%3D%22M433.694%20507.594H78.306c-11.929%200-21.6-9.671-21.6-21.6V25.317c0-11.929%209.671-21.6%2021.6-21.6h263.026l113.961%20112.739v369.538c.001%2011.929-9.67%2021.6-21.599%2021.6%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22M392.707%2088.142c-9.747-7.003-16.817-16.869-19.984-28.055H113.929c-8.482%200-15.359%206.876-15.359%2015.359v373.021c0%208.482%206.876%2015.359%2015.359%2015.359h281.916c8.482%200%2015.359-6.876%2015.359-15.359V97c-6.627-1.858-12.942-4.867-18.497-8.858%22%2F%3E%3Cpath%20fill%3D%22%23BCBBBB%22%20d%3D%22m363.12%20341.196l-79.556-106.209c-2.914-3.888-8.745-3.925-11.66-.037L219.9%20304.31l-18.32-20.191c-2.891-3.185-7.898-3.19-10.789-.005l-51.207%2056.557c-4.25%204.681-.928%2012.329%205.395%2012.329H357.29c6.003%200%209.431-7.001%205.83-11.804%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M402.791%20463.825H106.983a8.41%208.41%200%200%201-8.412-8.412V342.7h312.633v112.712a8.413%208.413%200%200%201-8.413%208.413%22%2F%3E%3Ccircle%20cx%3D%22333.688%22%20cy%3D%22177.181%22%20r%3D%2221.411%22%20fill%3D%22%23FFB636%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M363.907%20296.044c2.482-1.749%205.764-2.438%209.189-1.411c4.32%201.296%207.185%205.404%207.185%209.914a.076.076%200%200%201-.076.076H279.981c-2.236%200-3.89-2.125-3.299-4.282c1.877-6.851%208.147-11.885%2015.594-11.885c0-7.937%206.434-14.37%2014.37-14.37s14.37%206.434%2014.37%2014.37c0-12.705%2010.694-22.911%2023.571-22.11c10.63.661%2019.446%209.031%2020.601%2019.619c.398%203.653-.092%207.151-1.282%2010.307zM170.109%20168.602c-2.482-1.749-5.764-2.438-9.189-1.411c-4.32%201.296-7.185%205.404-7.185%209.914c0%20.042.034.076.076.076h100.223c2.236%200%203.89-2.125%203.299-4.282c-1.877-6.851-8.147-11.885-15.594-11.885c0-7.937-6.434-14.37-14.37-14.37c-7.937%200-14.37%206.434-14.37%2014.37c0-12.705-10.694-22.911-23.571-22.11c-10.63.661-19.446%209.031-20.601%2019.619c-.398%203.653.092%207.151%201.282%2010.307z%22%2F%3E%3Cpath%20fill%3D%22%23B9C5C6%22%20d%3D%22m341.333%203.717l112.739%20112.739h-88.776c-13.235%200-23.963-10.729-23.963-23.963z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/documentwithpicture.svg?color=%231a73e8&size=48
