framed picture emoji
framed-picture from OpenMoji by OpenMoji · Default · Activities · CC-BY-SA-4.0 Attribution required.
- Name
- framed-picture
- Set
- OpenMoji
- Style
- Default
- Category
- Activities
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More activities icons from OpenMoji
Use the framed picture emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGjRpb7Jqh" d="M18 18h36v36H18z"/></defs><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#a57939" d="M12 12h48v48H12z"/><path fill="#92d3f5" d="M18 18h36v36H18z"/><circle cx="26" cy="30" r="4" fill="#fcea2b"/><path fill="#5c9e31" stroke="#5c9e31" d="M50 35c-2.896-.854-6.28-7.989-8-8c-4.208-.028-6.254 5.836-11 9c-3 2-3.374 2.85-6 4c-2.282 1-3 3-3.25 3.64c-.303.777-1.475 2.522-.958 3.11c1.208 1.375 2.458 1.5 5 .718c2.147-.66 4.977-4.808 6.875-6.218c2.27-1.687 4.645-2.5 8.083-2c2.48.36 6.66 3.172 7.813 3.063c1.312-.126-1.594-2.563-.532-4.188c1.133-1.732 2.91.153 3.636-1.083C51.984 36.5 50.632 35.186 50 35"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M12 12h48v48H12z"/><use href="#SVGjRpb7Jqh"/><circle cx="26" cy="30" r="4"/><use href="#SVGjRpb7Jqh"/><path d="M22 43c.526-1.02.728-1.967 3-3c2.61-1.186 3-2 6-4c4.746-3.164 6.792-9.028 11-9c1.72.011 5 7 8 8"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFramedPicture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGjRpb7Jqh" d="M18 18h36v36H18z"/></defs><g strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path fill="#a57939" d="M12 12h48v48H12z"/><path fill="#92d3f5" d="M18 18h36v36H18z"/><circle cx="26" cy="30" r="4" fill="#fcea2b"/><path fill="#5c9e31" stroke="#5c9e31" d="M50 35c-2.896-.854-6.28-7.989-8-8c-4.208-.028-6.254 5.836-11 9c-3 2-3.374 2.85-6 4c-2.282 1-3 3-3.25 3.64c-.303.777-1.475 2.522-.958 3.11c1.208 1.375 2.458 1.5 5 .718c2.147-.66 4.977-4.808 6.875-6.218c2.27-1.687 4.645-2.5 8.083-2c2.48.36 6.66 3.172 7.813 3.063c1.312-.126-1.594-2.563-.532-4.188c1.133-1.732 2.91.153 3.636-1.083C51.984 36.5 50.632 35.186 50 35"/></g><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M12 12h48v48H12z"/><use href="#SVGjRpb7Jqh"/><circle cx="26" cy="30" r="4"/><use href="#SVGjRpb7Jqh"/><path d="M22 43c.526-1.02.728-1.967 3-3c2.61-1.186 3-2 6-4c4.746-3.164 6.792-9.028 11-9c1.72.011 5 7 8 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGjRpb7Jqh" d="M18 18h36v36H18z"/></defs><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#a57939" d="M12 12h48v48H12z"/><path fill="#92d3f5" d="M18 18h36v36H18z"/><circle cx="26" cy="30" r="4" fill="#fcea2b"/><path fill="#5c9e31" stroke="#5c9e31" d="M50 35c-2.896-.854-6.28-7.989-8-8c-4.208-.028-6.254 5.836-11 9c-3 2-3.374 2.85-6 4c-2.282 1-3 3-3.25 3.64c-.303.777-1.475 2.522-.958 3.11c1.208 1.375 2.458 1.5 5 .718c2.147-.66 4.977-4.808 6.875-6.218c2.27-1.687 4.645-2.5 8.083-2c2.48.36 6.66 3.172 7.813 3.063c1.312-.126-1.594-2.563-.532-4.188c1.133-1.732 2.91.153 3.636-1.083C51.984 36.5 50.632 35.186 50 35"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M12 12h48v48H12z"/><use href="#SVGjRpb7Jqh"/><circle cx="26" cy="30" r="4"/><use href="#SVGjRpb7Jqh"/><path d="M22 43c.526-1.02.728-1.967 3-3c2.61-1.186 3-2 6-4c4.746-3.164 6.792-9.028 11-9c1.72.011 5 7 8 8"/></g></svg> </template>
CSS
.icon-framed-picture {
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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGjRpb7Jqh%22%20d%3D%22M18%2018h36v36H18z%22%2F%3E%3C%2Fdefs%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M12%2012h48v48H12z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M18%2018h36v36H18z%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%224%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20stroke%3D%22%235c9e31%22%20d%3D%22M50%2035c-2.896-.854-6.28-7.989-8-8c-4.208-.028-6.254%205.836-11%209c-3%202-3.374%202.85-6%204c-2.282%201-3%203-3.25%203.64c-.303.777-1.475%202.522-.958%203.11c1.208%201.375%202.458%201.5%205%20.718c2.147-.66%204.977-4.808%206.875-6.218c2.27-1.687%204.645-2.5%208.083-2c2.48.36%206.66%203.172%207.813%203.063c1.312-.126-1.594-2.563-.532-4.188c1.133-1.732%202.91.153%203.636-1.083C51.984%2036.5%2050.632%2035.186%2050%2035%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12%2012h48v48H12z%22%2F%3E%3Cuse%20href%3D%22%23SVGjRpb7Jqh%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%224%22%2F%3E%3Cuse%20href%3D%22%23SVGjRpb7Jqh%22%2F%3E%3Cpath%20d%3D%22M22%2043c.526-1.02.728-1.967%203-3c2.61-1.186%203-2%206-4c4.746-3.164%206.792-9.028%2011-9c1.72.011%205%207%208%208%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGjRpb7Jqh%22%20d%3D%22M18%2018h36v36H18z%22%2F%3E%3C%2Fdefs%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M12%2012h48v48H12z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M18%2018h36v36H18z%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%224%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20stroke%3D%22%235c9e31%22%20d%3D%22M50%2035c-2.896-.854-6.28-7.989-8-8c-4.208-.028-6.254%205.836-11%209c-3%202-3.374%202.85-6%204c-2.282%201-3%203-3.25%203.64c-.303.777-1.475%202.522-.958%203.11c1.208%201.375%202.458%201.5%205%20.718c2.147-.66%204.977-4.808%206.875-6.218c2.27-1.687%204.645-2.5%208.083-2c2.48.36%206.66%203.172%207.813%203.063c1.312-.126-1.594-2.563-.532-4.188c1.133-1.732%202.91.153%203.636-1.083C51.984%2036.5%2050.632%2035.186%2050%2035%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12%2012h48v48H12z%22%2F%3E%3Cuse%20href%3D%22%23SVGjRpb7Jqh%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%224%22%2F%3E%3Cuse%20href%3D%22%23SVGjRpb7Jqh%22%2F%3E%3Cpath%20d%3D%22M22%2043c.526-1.02.728-1.967%203-3c2.61-1.186%203-2%206-4c4.746-3.164%206.792-9.028%2011-9c1.72.011%205%207%208%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/framed-picture.svg?color=%231a73e8&size=48
