collect picture icon
collect-picture from IconPark by ByteDance · Color · Office · Apache-2.0 Free for personal and commercial use.
- Name
- collect-picture
- Set
- IconPark
- Style
- Color
- Category
- Office
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More office icons from IconPark
Use the collect picture icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#000" d="M44 21C44 19.8954 43.1046 19 42 19C40.8954 19 40 19.8954 40 21H44ZM23 8C24.1046 8 25 7.10457 25 6C25 4.89543 24.1046 4 23 4V8ZM39 40H9V44H39V40ZM8 39V9H4V39H8ZM40 21V39H44V21H40ZM9 8H23V4H9V8ZM9 40C8.44772 40 8 39.5523 8 39H4C4 41.7614 6.23857 44 9 44V40ZM39 44C41.7614 44 44 41.7614 44 39H40C40 39.5523 39.5523 40 39 40V44ZM8 9C8 8.44772 8.44771 8 9 8V4C6.23858 4 4 6.23857 4 9H8Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 35L16.6931 25.198C17.4389 24.5143 18.5779 24.4953 19.3461 25.1538L32 36"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28 31L32.7735 26.2265C33.4772 25.5228 34.5914 25.4436 35.3877 26.0408L42 31"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33.3 6C31.4775 6 30 7.43473 30 9.20455C30 12.4091 33.9 15.3223 36 16C38.1 15.3223 42 12.4091 42 9.20455C42 7.43473 40.5225 6 38.7 6C37.5839 6 36.5972 6.53804 36 7.3616C35.4028 6.53804 34.4161 6 33.3 6Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkCollectPicture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#000" d="M44 21C44 19.8954 43.1046 19 42 19C40.8954 19 40 19.8954 40 21H44ZM23 8C24.1046 8 25 7.10457 25 6C25 4.89543 24.1046 4 23 4V8ZM39 40H9V44H39V40ZM8 39V9H4V39H8ZM40 21V39H44V21H40ZM9 8H23V4H9V8ZM9 40C8.44772 40 8 39.5523 8 39H4C4 41.7614 6.23857 44 9 44V40ZM39 44C41.7614 44 44 41.7614 44 39H40C40 39.5523 39.5523 40 39 40V44ZM8 9C8 8.44772 8.44771 8 9 8V4C6.23858 4 4 6.23857 4 9H8Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M6 35L16.6931 25.198C17.4389 24.5143 18.5779 24.4953 19.3461 25.1538L32 36"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M28 31L32.7735 26.2265C33.4772 25.5228 34.5914 25.4436 35.3877 26.0408L42 31"/><path fill="#2F88FF" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M33.3 6C31.4775 6 30 7.43473 30 9.20455C30 12.4091 33.9 15.3223 36 16C38.1 15.3223 42 12.4091 42 9.20455C42 7.43473 40.5225 6 38.7 6C37.5839 6 36.5972 6.53804 36 7.3616C35.4028 6.53804 34.4161 6 33.3 6Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#000" d="M44 21C44 19.8954 43.1046 19 42 19C40.8954 19 40 19.8954 40 21H44ZM23 8C24.1046 8 25 7.10457 25 6C25 4.89543 24.1046 4 23 4V8ZM39 40H9V44H39V40ZM8 39V9H4V39H8ZM40 21V39H44V21H40ZM9 8H23V4H9V8ZM9 40C8.44772 40 8 39.5523 8 39H4C4 41.7614 6.23857 44 9 44V40ZM39 44C41.7614 44 44 41.7614 44 39H40C40 39.5523 39.5523 40 39 40V44ZM8 9C8 8.44772 8.44771 8 9 8V4C6.23858 4 4 6.23857 4 9H8Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 35L16.6931 25.198C17.4389 24.5143 18.5779 24.4953 19.3461 25.1538L32 36"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28 31L32.7735 26.2265C33.4772 25.5228 34.5914 25.4436 35.3877 26.0408L42 31"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33.3 6C31.4775 6 30 7.43473 30 9.20455C30 12.4091 33.9 15.3223 36 16C38.1 15.3223 42 12.4091 42 9.20455C42 7.43473 40.5225 6 38.7 6C37.5839 6 36.5972 6.53804 36 7.3616C35.4028 6.53804 34.4161 6 33.3 6Z"/></g></svg> </template>
CSS
.icon-collect-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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M44%2021C44%2019.8954%2043.1046%2019%2042%2019C40.8954%2019%2040%2019.8954%2040%2021H44ZM23%208C24.1046%208%2025%207.10457%2025%206C25%204.89543%2024.1046%204%2023%204V8ZM39%2040H9V44H39V40ZM8%2039V9H4V39H8ZM40%2021V39H44V21H40ZM9%208H23V4H9V8ZM9%2040C8.44772%2040%208%2039.5523%208%2039H4C4%2041.7614%206.23857%2044%209%2044V40ZM39%2044C41.7614%2044%2044%2041.7614%2044%2039H40C40%2039.5523%2039.5523%2040%2039%2040V44ZM8%209C8%208.44772%208.44771%208%209%208V4C6.23858%204%204%206.23857%204%209H8Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M6%2035L16.6931%2025.198C17.4389%2024.5143%2018.5779%2024.4953%2019.3461%2025.1538L32%2036%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M28%2031L32.7735%2026.2265C33.4772%2025.5228%2034.5914%2025.4436%2035.3877%2026.0408L42%2031%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M33.3%206C31.4775%206%2030%207.43473%2030%209.20455C30%2012.4091%2033.9%2015.3223%2036%2016C38.1%2015.3223%2042%2012.4091%2042%209.20455C42%207.43473%2040.5225%206%2038.7%206C37.5839%206%2036.5972%206.53804%2036%207.3616C35.4028%206.53804%2034.4161%206%2033.3%206Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M44%2021C44%2019.8954%2043.1046%2019%2042%2019C40.8954%2019%2040%2019.8954%2040%2021H44ZM23%208C24.1046%208%2025%207.10457%2025%206C25%204.89543%2024.1046%204%2023%204V8ZM39%2040H9V44H39V40ZM8%2039V9H4V39H8ZM40%2021V39H44V21H40ZM9%208H23V4H9V8ZM9%2040C8.44772%2040%208%2039.5523%208%2039H4C4%2041.7614%206.23857%2044%209%2044V40ZM39%2044C41.7614%2044%2044%2041.7614%2044%2039H40C40%2039.5523%2039.5523%2040%2039%2040V44ZM8%209C8%208.44772%208.44771%208%209%208V4C6.23858%204%204%206.23857%204%209H8Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M6%2035L16.6931%2025.198C17.4389%2024.5143%2018.5779%2024.4953%2019.3461%2025.1538L32%2036%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M28%2031L32.7735%2026.2265C33.4772%2025.5228%2034.5914%2025.4436%2035.3877%2026.0408L42%2031%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M33.3%206C31.4775%206%2030%207.43473%2030%209.20455C30%2012.4091%2033.9%2015.3223%2036%2016C38.1%2015.3223%2042%2012.4091%2042%209.20455C42%207.43473%2040.5225%206%2038.7%206C37.5839%206%2036.5972%206.53804%2036%207.3616C35.4028%206.53804%2034.4161%206%2033.3%206Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/collect-picture.svg?color=%231a73e8&size=48
