framed picture emoji
framed-picture from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- framed-picture
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the framed picture emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d79e84" d="M35 30a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2z"/><path fill="#bf6952" d="M33 4H3a2 2 0 0 0-2 2v24c0 .389.116.748.307 1.055l33.33-26.198A2 2 0 0 0 33 4"/><path fill="#8ccaf7" d="M31 22V9a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v13z"/><path fill="#5dadec" d="M6 28h13v-7H5v6a1 1 0 0 0 1 1"/><path fill="#292f33" d="M19 21v7h11a1 1 0 0 0 1-1v-6z"/><path fill="#67757f" d="M20 19c-.613 0-.852 1.127-1.405 2c-.349.55-.822 1-1.595 1c-2 0-2 3-3 3c-1.256 0-2.512 1.578-3.273 3H19c.879-1.758 1.761-3.514 4-3.913A5.6 5.6 0 0 1 24 24c3 0 3.106-1.553 4-2c1.358-.679 2.251-.437 3-.211V19z"/><path fill="#e75a70" d="m25 11l-4 4v4h8v-4z"/><path fill="#292f33" d="M29 16a1 1 0 0 1-.707-.293L25 12.414l-3.293 3.293a.999.999 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4A.999.999 0 0 1 29 16"/><path fill="#bb1a34" d="M23 16h2v3h-2z"/><path fill="#fff" d="M17.219 14.125a1.874 1.874 0 0 0-1.875-1.875c-.079 0-.155.014-.232.023q.043-.193.044-.398A1.874 1.874 0 0 0 13.281 10a1.87 1.87 0 0 0-1.583.878a1.9 1.9 0 0 0-.667-.128a1.87 1.87 0 0 0-1.851 1.632a1.9 1.9 0 0 0-.68-.132a1.874 1.874 0 1 0 0 3.75c.041 0 .08-.01.121-.012l.004.012h6.75v-.003a1.873 1.873 0 0 0 1.844-1.872"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFramedPicture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d79e84" d="M35 30a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2z"/><path fill="#bf6952" d="M33 4H3a2 2 0 0 0-2 2v24c0 .389.116.748.307 1.055l33.33-26.198A2 2 0 0 0 33 4"/><path fill="#8ccaf7" d="M31 22V9a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v13z"/><path fill="#5dadec" d="M6 28h13v-7H5v6a1 1 0 0 0 1 1"/><path fill="#292f33" d="M19 21v7h11a1 1 0 0 0 1-1v-6z"/><path fill="#67757f" d="M20 19c-.613 0-.852 1.127-1.405 2c-.349.55-.822 1-1.595 1c-2 0-2 3-3 3c-1.256 0-2.512 1.578-3.273 3H19c.879-1.758 1.761-3.514 4-3.913A5.6 5.6 0 0 1 24 24c3 0 3.106-1.553 4-2c1.358-.679 2.251-.437 3-.211V19z"/><path fill="#e75a70" d="m25 11l-4 4v4h8v-4z"/><path fill="#292f33" d="M29 16a1 1 0 0 1-.707-.293L25 12.414l-3.293 3.293a.999.999 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4A.999.999 0 0 1 29 16"/><path fill="#bb1a34" d="M23 16h2v3h-2z"/><path fill="#fff" d="M17.219 14.125a1.874 1.874 0 0 0-1.875-1.875c-.079 0-.155.014-.232.023q.043-.193.044-.398A1.874 1.874 0 0 0 13.281 10a1.87 1.87 0 0 0-1.583.878a1.9 1.9 0 0 0-.667-.128a1.87 1.87 0 0 0-1.851 1.632a1.9 1.9 0 0 0-.68-.132a1.874 1.874 0 1 0 0 3.75c.041 0 .08-.01.121-.012l.004.012h6.75v-.003a1.873 1.873 0 0 0 1.844-1.872"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d79e84" d="M35 30a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2z"/><path fill="#bf6952" d="M33 4H3a2 2 0 0 0-2 2v24c0 .389.116.748.307 1.055l33.33-26.198A2 2 0 0 0 33 4"/><path fill="#8ccaf7" d="M31 22V9a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v13z"/><path fill="#5dadec" d="M6 28h13v-7H5v6a1 1 0 0 0 1 1"/><path fill="#292f33" d="M19 21v7h11a1 1 0 0 0 1-1v-6z"/><path fill="#67757f" d="M20 19c-.613 0-.852 1.127-1.405 2c-.349.55-.822 1-1.595 1c-2 0-2 3-3 3c-1.256 0-2.512 1.578-3.273 3H19c.879-1.758 1.761-3.514 4-3.913A5.6 5.6 0 0 1 24 24c3 0 3.106-1.553 4-2c1.358-.679 2.251-.437 3-.211V19z"/><path fill="#e75a70" d="m25 11l-4 4v4h8v-4z"/><path fill="#292f33" d="M29 16a1 1 0 0 1-.707-.293L25 12.414l-3.293 3.293a.999.999 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4A.999.999 0 0 1 29 16"/><path fill="#bb1a34" d="M23 16h2v3h-2z"/><path fill="#fff" d="M17.219 14.125a1.874 1.874 0 0 0-1.875-1.875c-.079 0-.155.014-.232.023q.043-.193.044-.398A1.874 1.874 0 0 0 13.281 10a1.87 1.87 0 0 0-1.583.878a1.9 1.9 0 0 0-.667-.128a1.87 1.87 0 0 0-1.851 1.632a1.9 1.9 0 0 0-.68-.132a1.874 1.874 0 1 0 0 3.75c.041 0 .08-.01.121-.012l.004.012h6.75v-.003a1.873 1.873 0 0 0 1.844-1.872"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d79e84%22%20d%3D%22M35%2030a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h30a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M33%204H3a2%202%200%200%200-2%202v24c0%20.389.116.748.307%201.055l33.33-26.198A2%202%200%200%200%2033%204%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M31%2022V9a1%201%200%200%200-1-1H6a1%201%200%200%200-1%201v13z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M6%2028h13v-7H5v6a1%201%200%200%200%201%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%2021v7h11a1%201%200%200%200%201-1v-6z%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M20%2019c-.613%200-.852%201.127-1.405%202c-.349.55-.822%201-1.595%201c-2%200-2%203-3%203c-1.256%200-2.512%201.578-3.273%203H19c.879-1.758%201.761-3.514%204-3.913A5.6%205.6%200%200%201%2024%2024c3%200%203.106-1.553%204-2c1.358-.679%202.251-.437%203-.211V19z%22%2F%3E%3Cpath%20fill%3D%22%23e75a70%22%20d%3D%22m25%2011l-4%204v4h8v-4z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M29%2016a1%201%200%200%201-.707-.293L25%2012.414l-3.293%203.293a.999.999%200%201%201-1.414-1.414l4-4a1%201%200%200%201%201.414%200l4%204A.999.999%200%200%201%2029%2016%22%2F%3E%3Cpath%20fill%3D%22%23bb1a34%22%20d%3D%22M23%2016h2v3h-2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.219%2014.125a1.874%201.874%200%200%200-1.875-1.875c-.079%200-.155.014-.232.023q.043-.193.044-.398A1.874%201.874%200%200%200%2013.281%2010a1.87%201.87%200%200%200-1.583.878a1.9%201.9%200%200%200-.667-.128a1.87%201.87%200%200%200-1.851%201.632a1.9%201.9%200%200%200-.68-.132a1.874%201.874%200%201%200%200%203.75c.041%200%20.08-.01.121-.012l.004.012h6.75v-.003a1.873%201.873%200%200%200%201.844-1.872%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d79e84%22%20d%3D%22M35%2030a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h30a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M33%204H3a2%202%200%200%200-2%202v24c0%20.389.116.748.307%201.055l33.33-26.198A2%202%200%200%200%2033%204%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M31%2022V9a1%201%200%200%200-1-1H6a1%201%200%200%200-1%201v13z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M6%2028h13v-7H5v6a1%201%200%200%200%201%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M19%2021v7h11a1%201%200%200%200%201-1v-6z%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M20%2019c-.613%200-.852%201.127-1.405%202c-.349.55-.822%201-1.595%201c-2%200-2%203-3%203c-1.256%200-2.512%201.578-3.273%203H19c.879-1.758%201.761-3.514%204-3.913A5.6%205.6%200%200%201%2024%2024c3%200%203.106-1.553%204-2c1.358-.679%202.251-.437%203-.211V19z%22%2F%3E%3Cpath%20fill%3D%22%23e75a70%22%20d%3D%22m25%2011l-4%204v4h8v-4z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M29%2016a1%201%200%200%201-.707-.293L25%2012.414l-3.293%203.293a.999.999%200%201%201-1.414-1.414l4-4a1%201%200%200%201%201.414%200l4%204A.999.999%200%200%201%2029%2016%22%2F%3E%3Cpath%20fill%3D%22%23bb1a34%22%20d%3D%22M23%2016h2v3h-2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.219%2014.125a1.874%201.874%200%200%200-1.875-1.875c-.079%200-.155.014-.232.023q.043-.193.044-.398A1.874%201.874%200%200%200%2013.281%2010a1.87%201.87%200%200%200-1.583.878a1.9%201.9%200%200%200-.667-.128a1.87%201.87%200%200%200-1.851%201.632a1.9%201.9%200%200%200-.68-.132a1.874%201.874%200%201%200%200%203.75c.041%200%20.08-.01.121-.012l.004.012h6.75v-.003a1.873%201.873%200%200%200%201.844-1.872%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/framed-picture.svg?color=%231a73e8&size=48
