roundabout-right-rounded from Material Symbols Light by Google · Rounded · Hardware · Apache-2.0 Free for personal and commercial use.

Name
roundabout-right-rounded
Set
Material Symbols Light
Style
Rounded
Category
Hardware
Viewbox
24×24
License
Apache 2.0
Aliases
roundabout-right-outline-rounded

2 other variants in Material Symbols Light

The same icon in other sets

More hardware icons from Material Symbols Light

Use the roundabout right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.02 19.5v-4.517q0-.154-.116-.28q-.116-.124-.27-.162q-1.988-.332-3.311-1.788Q3 11.296 3 9.308q0-2.212 1.558-3.76T8.327 4q1.989 0 3.455 1.314t1.797 3.302q.038.153.154.269q.115.115.269.115h5.077l-1.746-1.746q-.14-.14-.15-.341t.156-.367q.159-.16.353-.16t.354.16l2.389 2.389q.13.13.183.267t.053.298t-.053.298t-.183.268l-2.389 2.388q-.14.14-.341.15t-.366-.15q-.166-.165-.166-.357t.166-.356L19.079 10h-5.044q-.552 0-.968-.36t-.501-.911q-.27-1.604-1.45-2.666Q9.936 5 8.327 5Q6.542 5 5.271 6.262Q4 7.523 4 9.308q0 1.61 1.072 2.789t2.676 1.45q.552.086.912.501t.36.968V19.5q0 .214-.144.357T8.519 20t-.357-.143t-.143-.357"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRoundaboutRightRounded(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="M8.02 19.5v-4.517q0-.154-.116-.28q-.116-.124-.27-.162q-1.988-.332-3.311-1.788Q3 11.296 3 9.308q0-2.212 1.558-3.76T8.327 4q1.989 0 3.455 1.314t1.797 3.302q.038.153.154.269q.115.115.269.115h5.077l-1.746-1.746q-.14-.14-.15-.341t.156-.367q.159-.16.353-.16t.354.16l2.389 2.389q.13.13.183.267t.053.298t-.053.298t-.183.268l-2.389 2.388q-.14.14-.341.15t-.366-.15q-.166-.165-.166-.357t.166-.356L19.079 10h-5.044q-.552 0-.968-.36t-.501-.911q-.27-1.604-1.45-2.666Q9.936 5 8.327 5Q6.542 5 5.271 6.262Q4 7.523 4 9.308q0 1.61 1.072 2.789t2.676 1.45q.552.086.912.501t.36.968V19.5q0 .214-.144.357T8.519 20t-.357-.143t-.143-.357"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.02 19.5v-4.517q0-.154-.116-.28q-.116-.124-.27-.162q-1.988-.332-3.311-1.788Q3 11.296 3 9.308q0-2.212 1.558-3.76T8.327 4q1.989 0 3.455 1.314t1.797 3.302q.038.153.154.269q.115.115.269.115h5.077l-1.746-1.746q-.14-.14-.15-.341t.156-.367q.159-.16.353-.16t.354.16l2.389 2.389q.13.13.183.267t.053.298t-.053.298t-.183.268l-2.389 2.388q-.14.14-.341.15t-.366-.15q-.166-.165-.166-.357t.166-.356L19.079 10h-5.044q-.552 0-.968-.36t-.501-.911q-.27-1.604-1.45-2.666Q9.936 5 8.327 5Q6.542 5 5.271 6.262Q4 7.523 4 9.308q0 1.61 1.072 2.789t2.676 1.45q.552.086.912.501t.36.968V19.5q0 .214-.144.357T8.519 20t-.357-.143t-.143-.357"/></svg>
</template>

CSS

.icon-roundabout-right-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%22M8.02%2019.5v-4.517q0-.154-.116-.28q-.116-.124-.27-.162q-1.988-.332-3.311-1.788Q3%2011.296%203%209.308q0-2.212%201.558-3.76T8.327%204q1.989%200%203.455%201.314t1.797%203.302q.038.153.154.269q.115.115.269.115h5.077l-1.746-1.746q-.14-.14-.15-.341t.156-.367q.159-.16.353-.16t.354.16l2.389%202.389q.13.13.183.267t.053.298t-.053.298t-.183.268l-2.389%202.388q-.14.14-.341.15t-.366-.15q-.166-.165-.166-.357t.166-.356L19.079%2010h-5.044q-.552%200-.968-.36t-.501-.911q-.27-1.604-1.45-2.666Q9.936%205%208.327%205Q6.542%205%205.271%206.262Q4%207.523%204%209.308q0%201.61%201.072%202.789t2.676%201.45q.552.086.912.501t.36.968V19.5q0%20.214-.144.357T8.519%2020t-.357-.143t-.143-.357%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%22M8.02%2019.5v-4.517q0-.154-.116-.28q-.116-.124-.27-.162q-1.988-.332-3.311-1.788Q3%2011.296%203%209.308q0-2.212%201.558-3.76T8.327%204q1.989%200%203.455%201.314t1.797%203.302q.038.153.154.269q.115.115.269.115h5.077l-1.746-1.746q-.14-.14-.15-.341t.156-.367q.159-.16.353-.16t.354.16l2.389%202.389q.13.13.183.267t.053.298t-.053.298t-.183.268l-2.389%202.388q-.14.14-.341.15t-.366-.15q-.166-.165-.166-.357t.166-.356L19.079%2010h-5.044q-.552%200-.968-.36t-.501-.911q-.27-1.604-1.45-2.666Q9.936%205%208.327%205Q6.542%205%205.271%206.262Q4%207.523%204%209.308q0%201.61%201.072%202.789t2.676%201.45q.552.086.912.501t.36.968V19.5q0%20.214-.144.357T8.519%2020t-.357-.143t-.143-.357%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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