camera on rectangle icon
camera-on-rectangle from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- camera-on-rectangle
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the camera on rectangle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.155 41.944h3.763V47c0 4.038 2.078 6.076 6.155 6.076h33.772C53.922 53.076 56 51.038 56 47V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53 0-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058 8.387 0 10.425 0 14.463v21.424c0 4.038 2.058 6.057 6.155 6.057m.058-3.156c-1.96 0-3.057-1.039-3.057-3.077V14.64c0-2.039 1.097-3.097 3.057-3.097H35.87c1.94 0 3.038 1.058 3.038 3.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019 0-3.019.588-3.999 1.666l-1.587 1.745c-.863.98-1.353 1.293-2.882 1.293h-4.45c-4.076 0-6.154 2.039-6.154 6.077v12.309Zm9.919 11.133c-1.94 0-3.058-1.058-3.058-3.096v-20.19c0-2.019 1.117-3.077 3.058-3.077h5.174c1.764 0 2.725-.333 3.685-1.43l1.549-1.706c1.117-1.255 1.685-1.568 3.43-1.568h5.86c1.726 0 2.294.314 3.43 1.568l1.53 1.705c.98 1.098 1.92 1.431 3.685 1.431h5.312c1.94 0 3.057 1.058 3.057 3.077v20.19c0 2.038-1.117 3.096-3.057 3.096Zm16.837-3.136c5.92 0 10.682-4.743 10.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654 10.654 0 0 0-10.702 10.702c0 5.979 4.763 10.722 10.702 10.722m14.073-15.504c1.333 0 2.43-1.078 2.43-2.411a2.43 2.43 0 1 0-4.86 0c0 1.333 1.097 2.41 2.43 2.41M32.97 43.806a7.734 7.734 0 0 1-7.742-7.742c0-4.293 3.469-7.723 7.742-7.723a7.7 7.7 0 0 1 7.722 7.722a7.704 7.704 0 0 1-7.722 7.743"/></svg>
React
import type { SVGProps } from "react";
export function F7CameraOnRectangle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.155 41.944h3.763V47c0 4.038 2.078 6.076 6.155 6.076h33.772C53.922 53.076 56 51.038 56 47V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53 0-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058 8.387 0 10.425 0 14.463v21.424c0 4.038 2.058 6.057 6.155 6.057m.058-3.156c-1.96 0-3.057-1.039-3.057-3.077V14.64c0-2.039 1.097-3.097 3.057-3.097H35.87c1.94 0 3.038 1.058 3.038 3.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019 0-3.019.588-3.999 1.666l-1.587 1.745c-.863.98-1.353 1.293-2.882 1.293h-4.45c-4.076 0-6.154 2.039-6.154 6.077v12.309Zm9.919 11.133c-1.94 0-3.058-1.058-3.058-3.096v-20.19c0-2.019 1.117-3.077 3.058-3.077h5.174c1.764 0 2.725-.333 3.685-1.43l1.549-1.706c1.117-1.255 1.685-1.568 3.43-1.568h5.86c1.726 0 2.294.314 3.43 1.568l1.53 1.705c.98 1.098 1.92 1.431 3.685 1.431h5.312c1.94 0 3.057 1.058 3.057 3.077v20.19c0 2.038-1.117 3.096-3.057 3.096Zm16.837-3.136c5.92 0 10.682-4.743 10.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654 10.654 0 0 0-10.702 10.702c0 5.979 4.763 10.722 10.702 10.722m14.073-15.504c1.333 0 2.43-1.078 2.43-2.411a2.43 2.43 0 1 0-4.86 0c0 1.333 1.097 2.41 2.43 2.41M32.97 43.806a7.734 7.734 0 0 1-7.742-7.742c0-4.293 3.469-7.723 7.742-7.723a7.7 7.7 0 0 1 7.722 7.722a7.704 7.704 0 0 1-7.722 7.743"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.155 41.944h3.763V47c0 4.038 2.078 6.076 6.155 6.076h33.772C53.922 53.076 56 51.038 56 47V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53 0-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058 8.387 0 10.425 0 14.463v21.424c0 4.038 2.058 6.057 6.155 6.057m.058-3.156c-1.96 0-3.057-1.039-3.057-3.077V14.64c0-2.039 1.097-3.097 3.057-3.097H35.87c1.94 0 3.038 1.058 3.038 3.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019 0-3.019.588-3.999 1.666l-1.587 1.745c-.863.98-1.353 1.293-2.882 1.293h-4.45c-4.076 0-6.154 2.039-6.154 6.077v12.309Zm9.919 11.133c-1.94 0-3.058-1.058-3.058-3.096v-20.19c0-2.019 1.117-3.077 3.058-3.077h5.174c1.764 0 2.725-.333 3.685-1.43l1.549-1.706c1.117-1.255 1.685-1.568 3.43-1.568h5.86c1.726 0 2.294.314 3.43 1.568l1.53 1.705c.98 1.098 1.92 1.431 3.685 1.431h5.312c1.94 0 3.057 1.058 3.057 3.077v20.19c0 2.038-1.117 3.096-3.057 3.096Zm16.837-3.136c5.92 0 10.682-4.743 10.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654 10.654 0 0 0-10.702 10.702c0 5.979 4.763 10.722 10.702 10.722m14.073-15.504c1.333 0 2.43-1.078 2.43-2.411a2.43 2.43 0 1 0-4.86 0c0 1.333 1.097 2.41 2.43 2.41M32.97 43.806a7.734 7.734 0 0 1-7.742-7.742c0-4.293 3.469-7.723 7.742-7.723a7.7 7.7 0 0 1 7.722 7.722a7.704 7.704 0 0 1-7.722 7.743"/></svg> </template>
CSS
.icon-camera-on-rectangle {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.155%2041.944h3.763V47c0%204.038%202.078%206.076%206.155%206.076h33.772C53.922%2053.076%2056%2051.038%2056%2047V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53%200-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058%208.387%200%2010.425%200%2014.463v21.424c0%204.038%202.058%206.057%206.155%206.057m.058-3.156c-1.96%200-3.057-1.039-3.057-3.077V14.64c0-2.039%201.097-3.097%203.057-3.097H35.87c1.94%200%203.038%201.058%203.038%203.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019%200-3.019.588-3.999%201.666l-1.587%201.745c-.863.98-1.353%201.293-2.882%201.293h-4.45c-4.076%200-6.154%202.039-6.154%206.077v12.309Zm9.919%2011.133c-1.94%200-3.058-1.058-3.058-3.096v-20.19c0-2.019%201.117-3.077%203.058-3.077h5.174c1.764%200%202.725-.333%203.685-1.43l1.549-1.706c1.117-1.255%201.685-1.568%203.43-1.568h5.86c1.726%200%202.294.314%203.43%201.568l1.53%201.705c.98%201.098%201.92%201.431%203.685%201.431h5.312c1.94%200%203.057%201.058%203.057%203.077v20.19c0%202.038-1.117%203.096-3.057%203.096Zm16.837-3.136c5.92%200%2010.682-4.743%2010.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654%2010.654%200%200%200-10.702%2010.702c0%205.979%204.763%2010.722%2010.702%2010.722m14.073-15.504c1.333%200%202.43-1.078%202.43-2.411a2.43%202.43%200%201%200-4.86%200c0%201.333%201.097%202.41%202.43%202.41M32.97%2043.806a7.734%207.734%200%200%201-7.742-7.742c0-4.293%203.469-7.723%207.742-7.723a7.7%207.7%200%200%201%207.722%207.722a7.704%207.704%200%200%201-7.722%207.743%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.155%2041.944h3.763V47c0%204.038%202.078%206.076%206.155%206.076h33.772C53.922%2053.076%2056%2051.038%2056%2047V26.479c0-4.038-2.078-6.077-6.155-6.077H45.26c-1.53%200-2-.294-2.882-1.293l-.313-.334v-4.312c0-4.038-2.059-6.076-6.135-6.076H6.155C2.058%208.387%200%2010.425%200%2014.463v21.424c0%204.038%202.058%206.057%206.155%206.057m.058-3.156c-1.96%200-3.057-1.039-3.057-3.077V14.64c0-2.039%201.097-3.097%203.057-3.097H35.87c1.94%200%203.038%201.058%203.038%203.097v1.372c-.568-.216-1.235-.314-2.098-.314h-7.82c-2.019%200-3.019.588-3.999%201.666l-1.587%201.745c-.863.98-1.353%201.293-2.882%201.293h-4.45c-4.076%200-6.154%202.039-6.154%206.077v12.309Zm9.919%2011.133c-1.94%200-3.058-1.058-3.058-3.096v-20.19c0-2.019%201.117-3.077%203.058-3.077h5.174c1.764%200%202.725-.333%203.685-1.43l1.549-1.706c1.117-1.255%201.685-1.568%203.43-1.568h5.86c1.726%200%202.294.314%203.43%201.568l1.53%201.705c.98%201.098%201.92%201.431%203.685%201.431h5.312c1.94%200%203.057%201.058%203.057%203.077v20.19c0%202.038-1.117%203.096-3.057%203.096Zm16.837-3.136c5.92%200%2010.682-4.743%2010.682-10.721c0-5.96-4.743-10.703-10.682-10.703a10.654%2010.654%200%200%200-10.702%2010.702c0%205.979%204.763%2010.722%2010.702%2010.722m14.073-15.504c1.333%200%202.43-1.078%202.43-2.411a2.43%202.43%200%201%200-4.86%200c0%201.333%201.097%202.41%202.43%202.41M32.97%2043.806a7.734%207.734%200%200%201-7.742-7.742c0-4.293%203.469-7.723%207.742-7.723a7.7%207.7%200%200%201%207.722%207.722a7.704%207.704%200%200%201-7.722%207.743%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/camera-on-rectangle.svg?color=%231a73e8&size=48
