view real size icon
view-real-size-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- view-real-size-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- view-real-size-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More images icons from Material Symbols Light
Use the view real size icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.97 15.856q-.143-.143-.143-.356V9.327q0-.135-.096-.23Q7.635 9 7.5 9h-1q-.213 0-.356-.144T6 8.499t.144-.356T6.5 8h1.116q.504 0 .858.353q.353.354.353.858V15.5q0 .213-.144.356T8.326 16t-.356-.144m8.173 0Q16 15.713 16 15.5V9.327q0-.135-.096-.23Q15.808 9 15.673 9h-.98q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.096q.505 0 .859.353q.353.354.353.858V15.5q0 .213-.144.356t-.357.144t-.356-.144m-4.538-3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144m0 3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightViewRealSizeRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.97 15.856q-.143-.143-.143-.356V9.327q0-.135-.096-.23Q7.635 9 7.5 9h-1q-.213 0-.356-.144T6 8.499t.144-.356T6.5 8h1.116q.504 0 .858.353q.353.354.353.858V15.5q0 .213-.144.356T8.326 16t-.356-.144m8.173 0Q16 15.713 16 15.5V9.327q0-.135-.096-.23Q15.808 9 15.673 9h-.98q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.096q.505 0 .859.353q.353.354.353.858V15.5q0 .213-.144.356t-.357.144t-.356-.144m-4.538-3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144m0 3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.97 15.856q-.143-.143-.143-.356V9.327q0-.135-.096-.23Q7.635 9 7.5 9h-1q-.213 0-.356-.144T6 8.499t.144-.356T6.5 8h1.116q.504 0 .858.353q.353.354.353.858V15.5q0 .213-.144.356T8.326 16t-.356-.144m8.173 0Q16 15.713 16 15.5V9.327q0-.135-.096-.23Q15.808 9 15.673 9h-.98q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h1.096q.505 0 .859.353q.353.354.353.858V15.5q0 .213-.144.356t-.357.144t-.356-.144m-4.538-3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144m0 3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144"/></svg> </template>
CSS
.icon-view-real-size-rounded {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.97%2015.856q-.143-.143-.143-.356V9.327q0-.135-.096-.23Q7.635%209%207.5%209h-1q-.213%200-.356-.144T6%208.499t.144-.356T6.5%208h1.116q.504%200%20.858.353q.353.354.353.858V15.5q0%20.213-.144.356T8.326%2016t-.356-.144m8.173%200Q16%2015.713%2016%2015.5V9.327q0-.135-.096-.23Q15.808%209%2015.673%209h-.98q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.096q.505%200%20.859.353q.353.354.353.858V15.5q0%20.213-.144.356t-.357.144t-.356-.144m-4.538-3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144m0%203.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.97%2015.856q-.143-.143-.143-.356V9.327q0-.135-.096-.23Q7.635%209%207.5%209h-1q-.213%200-.356-.144T6%208.499t.144-.356T6.5%208h1.116q.504%200%20.858.353q.353.354.353.858V15.5q0%20.213-.144.356T8.326%2016t-.356-.144m8.173%200Q16%2015.713%2016%2015.5V9.327q0-.135-.096-.23Q15.808%209%2015.673%209h-.98q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h1.096q.505%200%20.859.353q.353.354.353.858V15.5q0%20.213-.144.356t-.357.144t-.356-.144m-4.538-3.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144m0%203.5q-.143-.144-.143-.357t.144-.356t.356-.143t.356.144t.144.357t-.144.356t-.357.143t-.356-.144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/view-real-size-rounded.svg?color=%231a73e8&size=48
