recenter icon
recenter-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- recenter-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- recenter-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the recenter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 17.402V21.5q0 .214-.143.357T12 22t-.357-.143t-.143-.357v-4.098l-1.13 1.13q-.141.141-.342.15t-.367-.155q-.159-.16-.159-.354t.16-.354l1.772-1.773q.243-.242.566-.242t.566.242l1.772 1.773q.14.14.153.341t-.153.367q-.16.16-.35.162q-.192.003-.357-.156zM6.598 12.5H2.5q-.213 0-.357-.143T2 12t.143-.357t.357-.143h4.098l-1.13-1.13q-.141-.141-.15-.342t.155-.367q.16-.159.354-.159t.354.16l1.773 1.772q.242.243.242.566t-.242.566L6.18 14.338q-.14.14-.342.153t-.366-.153q-.16-.16-.163-.35q-.002-.192.157-.357zm10.804 0l1.13 1.13q.141.141.15.342t-.155.367q-.16.159-.354.159t-.354-.16l-1.773-1.772q-.242-.243-.242-.566t.242-.565L17.82 9.66q.14-.14.341-.152t.367.153q.16.16.162.35q.003.192-.156.357L17.402 11.5H21.5q.214 0 .357.143T22 12t-.143.357t-.357.143zM12 12.98q-.413 0-.697-.283T11.019 12t.284-.697t.697-.284t.697.284t.284.697t-.284.697t-.697.284m-.5-6.383V2.5q0-.213.143-.357T12 2t.357.143t.143.357v4.098l1.13-1.13q.141-.141.342-.15t.367.155q.159.16.159.354t-.16.354l-1.772 1.773q-.243.242-.566.242t-.565-.242L9.66 6.18q-.14-.14-.152-.342t.153-.366q.16-.16.35-.163q.192-.002.357.157z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightRecenterRounded(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="M12.5 17.402V21.5q0 .214-.143.357T12 22t-.357-.143t-.143-.357v-4.098l-1.13 1.13q-.141.141-.342.15t-.367-.155q-.159-.16-.159-.354t.16-.354l1.772-1.773q.243-.242.566-.242t.566.242l1.772 1.773q.14.14.153.341t-.153.367q-.16.16-.35.162q-.192.003-.357-.156zM6.598 12.5H2.5q-.213 0-.357-.143T2 12t.143-.357t.357-.143h4.098l-1.13-1.13q-.141-.141-.15-.342t.155-.367q.16-.159.354-.159t.354.16l1.773 1.772q.242.243.242.566t-.242.566L6.18 14.338q-.14.14-.342.153t-.366-.153q-.16-.16-.163-.35q-.002-.192.157-.357zm10.804 0l1.13 1.13q.141.141.15.342t-.155.367q-.16.159-.354.159t-.354-.16l-1.773-1.772q-.242-.243-.242-.566t.242-.565L17.82 9.66q.14-.14.341-.152t.367.153q.16.16.162.35q.003.192-.156.357L17.402 11.5H21.5q.214 0 .357.143T22 12t-.143.357t-.357.143zM12 12.98q-.413 0-.697-.283T11.019 12t.284-.697t.697-.284t.697.284t.284.697t-.284.697t-.697.284m-.5-6.383V2.5q0-.213.143-.357T12 2t.357.143t.143.357v4.098l1.13-1.13q.141-.141.342-.15t.367.155q.159.16.159.354t-.16.354l-1.772 1.773q-.243.242-.566.242t-.565-.242L9.66 6.18q-.14-.14-.152-.342t.153-.366q.16-.16.35-.163q.192-.002.357.157z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 17.402V21.5q0 .214-.143.357T12 22t-.357-.143t-.143-.357v-4.098l-1.13 1.13q-.141.141-.342.15t-.367-.155q-.159-.16-.159-.354t.16-.354l1.772-1.773q.243-.242.566-.242t.566.242l1.772 1.773q.14.14.153.341t-.153.367q-.16.16-.35.162q-.192.003-.357-.156zM6.598 12.5H2.5q-.213 0-.357-.143T2 12t.143-.357t.357-.143h4.098l-1.13-1.13q-.141-.141-.15-.342t.155-.367q.16-.159.354-.159t.354.16l1.773 1.772q.242.243.242.566t-.242.566L6.18 14.338q-.14.14-.342.153t-.366-.153q-.16-.16-.163-.35q-.002-.192.157-.357zm10.804 0l1.13 1.13q.141.141.15.342t-.155.367q-.16.159-.354.159t-.354-.16l-1.773-1.772q-.242-.243-.242-.566t.242-.565L17.82 9.66q.14-.14.341-.152t.367.153q.16.16.162.35q.003.192-.156.357L17.402 11.5H21.5q.214 0 .357.143T22 12t-.143.357t-.357.143zM12 12.98q-.413 0-.697-.283T11.019 12t.284-.697t.697-.284t.697.284t.284.697t-.284.697t-.697.284m-.5-6.383V2.5q0-.213.143-.357T12 2t.357.143t.143.357v4.098l1.13-1.13q.141-.141.342-.15t.367.155q.159.16.159.354t-.16.354l-1.772 1.773q-.243.242-.566.242t-.565-.242L9.66 6.18q-.14-.14-.152-.342t.153-.366q.16-.16.35-.163q.192-.002.357.157z"/></svg> </template>
CSS
.icon-recenter-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%22M12.5%2017.402V21.5q0%20.214-.143.357T12%2022t-.357-.143t-.143-.357v-4.098l-1.13%201.13q-.141.141-.342.15t-.367-.155q-.159-.16-.159-.354t.16-.354l1.772-1.773q.243-.242.566-.242t.566.242l1.772%201.773q.14.14.153.341t-.153.367q-.16.16-.35.162q-.192.003-.357-.156zM6.598%2012.5H2.5q-.213%200-.357-.143T2%2012t.143-.357t.357-.143h4.098l-1.13-1.13q-.141-.141-.15-.342t.155-.367q.16-.159.354-.159t.354.16l1.773%201.772q.242.243.242.566t-.242.566L6.18%2014.338q-.14.14-.342.153t-.366-.153q-.16-.16-.163-.35q-.002-.192.157-.357zm10.804%200l1.13%201.13q.141.141.15.342t-.155.367q-.16.159-.354.159t-.354-.16l-1.773-1.772q-.242-.243-.242-.566t.242-.565L17.82%209.66q.14-.14.341-.152t.367.153q.16.16.162.35q.003.192-.156.357L17.402%2011.5H21.5q.214%200%20.357.143T22%2012t-.143.357t-.357.143zM12%2012.98q-.413%200-.697-.283T11.019%2012t.284-.697t.697-.284t.697.284t.284.697t-.284.697t-.697.284m-.5-6.383V2.5q0-.213.143-.357T12%202t.357.143t.143.357v4.098l1.13-1.13q.141-.141.342-.15t.367.155q.159.16.159.354t-.16.354l-1.772%201.773q-.243.242-.566.242t-.565-.242L9.66%206.18q-.14-.14-.152-.342t.153-.366q.16-.16.35-.163q.192-.002.357.157z%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%22M12.5%2017.402V21.5q0%20.214-.143.357T12%2022t-.357-.143t-.143-.357v-4.098l-1.13%201.13q-.141.141-.342.15t-.367-.155q-.159-.16-.159-.354t.16-.354l1.772-1.773q.243-.242.566-.242t.566.242l1.772%201.773q.14.14.153.341t-.153.367q-.16.16-.35.162q-.192.003-.357-.156zM6.598%2012.5H2.5q-.213%200-.357-.143T2%2012t.143-.357t.357-.143h4.098l-1.13-1.13q-.141-.141-.15-.342t.155-.367q.16-.159.354-.159t.354.16l1.773%201.772q.242.243.242.566t-.242.566L6.18%2014.338q-.14.14-.342.153t-.366-.153q-.16-.16-.163-.35q-.002-.192.157-.357zm10.804%200l1.13%201.13q.141.141.15.342t-.155.367q-.16.159-.354.159t-.354-.16l-1.773-1.772q-.242-.243-.242-.566t.242-.565L17.82%209.66q.14-.14.341-.152t.367.153q.16.16.162.35q.003.192-.156.357L17.402%2011.5H21.5q.214%200%20.357.143T22%2012t-.143.357t-.357.143zM12%2012.98q-.413%200-.697-.283T11.019%2012t.284-.697t.697-.284t.697.284t.284.697t-.284.697t-.697.284m-.5-6.383V2.5q0-.213.143-.357T12%202t.357.143t.143.357v4.098l1.13-1.13q.141-.141.342-.15t.367.155q.159.16.159.354t-.16.354l-1.772%201.773q-.243.242-.566.242t-.565-.242L9.66%206.18q-.14-.14-.152-.342t.153-.366q.16-.16.35-.163q.192-.002.357.157z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/recenter-rounded.svg?color=%231a73e8&size=48
