rounded corner icon

rounded-corner-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.

Name: rounded-corner-rounded
Set: Material Symbols Light
Style: Rounded
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: rounded-corner-outline-rounded

1 other variant in Material Symbols Light

rounded-corner

The same icon in other sets

rounded-cornerMaterial Symbols rounded-cornerMaterial Design Icons rounded-cornerPixelarticons rounded-cornerRemix Icon

More actions icons from Material Symbols Light

Use the rounded corner icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.182 5.049Q4 4.867 4 4.616q0-.252.182-.434T4.615 4t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.433q0-.252.182-.434T8.308 4t.433.182t.182.434t-.182.433t-.433.182t-.434-.182M4.182 8.741Q4 8.56 4 8.308t.182-.434t.433-.182t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m0 3.693Q4 12.252 4 12t.182-.434t.433-.182t.434.182t.182.434t-.182.434t-.434.182t-.433-.182m0 3.692Q4 15.944 4 15.692q0-.251.182-.433t.433-.182t.434.182t.182.433t-.182.434t-.434.182t-.433-.182m14.769 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.433t-.182.434t-.434.182q-.251 0-.433-.182m-14.77 3.692Q4 19.637 4 19.385t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433T8.308 20t-.434-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.182.434q0 .251-.182.433T12 20t-.434-.182m3.693 0q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.182.434q0 .251-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433t-.433.182t-.434-.182M19 12.115V8.309q0-1.385-.961-2.346T15.692 5h-3.807q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q11.671 4 11.885 4h3.807q1.806 0 3.057 1.251T20 8.308v3.808q0 .213-.143.356q-.143.144-.357.144t-.357-.144t-.143-.356"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRoundedCornerRounded(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="M4.182 5.049Q4 4.867 4 4.616q0-.252.182-.434T4.615 4t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.433q0-.252.182-.434T8.308 4t.433.182t.182.434t-.182.433t-.433.182t-.434-.182M4.182 8.741Q4 8.56 4 8.308t.182-.434t.433-.182t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m0 3.693Q4 12.252 4 12t.182-.434t.433-.182t.434.182t.182.434t-.182.434t-.434.182t-.433-.182m0 3.692Q4 15.944 4 15.692q0-.251.182-.433t.433-.182t.434.182t.182.433t-.182.434t-.434.182t-.433-.182m14.769 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.433t-.182.434t-.434.182q-.251 0-.433-.182m-14.77 3.692Q4 19.637 4 19.385t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433T8.308 20t-.434-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.182.434q0 .251-.182.433T12 20t-.434-.182m3.693 0q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.182.434q0 .251-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433t-.433.182t-.434-.182M19 12.115V8.309q0-1.385-.961-2.346T15.692 5h-3.807q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q11.671 4 11.885 4h3.807q1.806 0 3.057 1.251T20 8.308v3.808q0 .213-.143.356q-.143.144-.357.144t-.357-.144t-.143-.356"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.182 5.049Q4 4.867 4 4.616q0-.252.182-.434T4.615 4t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.433q0-.252.182-.434T8.308 4t.433.182t.182.434t-.182.433t-.433.182t-.434-.182M4.182 8.741Q4 8.56 4 8.308t.182-.434t.433-.182t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m0 3.693Q4 12.252 4 12t.182-.434t.433-.182t.434.182t.182.434t-.182.434t-.434.182t-.433-.182m0 3.692Q4 15.944 4 15.692q0-.251.182-.433t.433-.182t.434.182t.182.433t-.182.434t-.434.182t-.433-.182m14.769 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.433t-.182.434t-.434.182q-.251 0-.433-.182m-14.77 3.692Q4 19.637 4 19.385t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433T8.308 20t-.434-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.182.434q0 .251-.182.433T12 20t-.434-.182m3.693 0q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.182.434q0 .251-.182.433t-.434.182t-.433-.182m3.692 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0 .251-.182.433t-.433.182t-.434-.182M19 12.115V8.309q0-1.385-.961-2.346T15.692 5h-3.807q-.214 0-.357-.143q-.144-.144-.144-.357t.144-.357Q11.671 4 11.885 4h3.807q1.806 0 3.057 1.251T20 8.308v3.808q0 .213-.143.356q-.143.144-.357.144t-.357-.144t-.143-.356"/></svg>
</template>

CSS

.icon-rounded-corner-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%22M4.182%205.049Q4%204.867%204%204.616q0-.252.182-.434T4.615%204t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.433q0-.252.182-.434T8.308%204t.433.182t.182.434t-.182.433t-.433.182t-.434-.182M4.182%208.741Q4%208.56%204%208.308t.182-.434t.433-.182t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m0%203.693Q4%2012.252%204%2012t.182-.434t.433-.182t.434.182t.182.434t-.182.434t-.434.182t-.433-.182m0%203.692Q4%2015.944%204%2015.692q0-.251.182-.433t.433-.182t.434.182t.182.433t-.182.434t-.434.182t-.433-.182m14.769%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.433t-.182.434t-.434.182q-.251%200-.433-.182m-14.77%203.692Q4%2019.637%204%2019.385t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0%20.251-.182.433T8.308%2020t-.434-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.182.434q0%20.251-.182.433T12%2020t-.434-.182m3.693%200q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.182.434q0%20.251-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0%20.251-.182.433t-.433.182t-.434-.182M19%2012.115V8.309q0-1.385-.961-2.346T15.692%205h-3.807q-.214%200-.357-.143q-.144-.144-.144-.357t.144-.357Q11.671%204%2011.885%204h3.807q1.806%200%203.057%201.251T20%208.308v3.808q0%20.213-.143.356q-.143.144-.357.144t-.357-.144t-.143-.356%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%22M4.182%205.049Q4%204.867%204%204.616q0-.252.182-.434T4.615%204t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.433q0-.252.182-.434T8.308%204t.433.182t.182.434t-.182.433t-.433.182t-.434-.182M4.182%208.741Q4%208.56%204%208.308t.182-.434t.433-.182t.434.182t.182.434t-.182.433t-.434.182t-.433-.182m0%203.693Q4%2012.252%204%2012t.182-.434t.433-.182t.434.182t.182.434t-.182.434t-.434.182t-.433-.182m0%203.692Q4%2015.944%204%2015.692q0-.251.182-.433t.433-.182t.434.182t.182.433t-.182.434t-.434.182t-.433-.182m14.769%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.433t-.182.434t-.434.182q-.251%200-.433-.182m-14.77%203.692Q4%2019.637%204%2019.385t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0%20.251-.182.433T8.308%2020t-.434-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.182.434q0%20.251-.182.433T12%2020t-.434-.182m3.693%200q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.182.434q0%20.251-.182.433t-.434.182t-.433-.182m3.692%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.433.182t.182.434q0%20.251-.182.433t-.433.182t-.434-.182M19%2012.115V8.309q0-1.385-.961-2.346T15.692%205h-3.807q-.214%200-.357-.143q-.144-.144-.144-.357t.144-.357Q11.671%204%2011.885%204h3.807q1.806%200%203.057%201.251T20%208.308v3.808q0%20.213-.143.356q-.143.144-.357.144t-.357-.144t-.143-.356%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/rounded-corner-rounded.svg?color=%231a73e8&size=48