step over icon
step-over-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- step-over-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- step-over-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 step over icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.23 17.772q-.73-.729-.73-1.77t.729-1.771t1.769-.731t1.771.729t.731 1.769t-.728 1.771t-1.77.731t-1.771-.728M17.45 10.5q-.723-1.561-2.172-2.53Q13.828 7 12 7q-1.918 0-3.438 1.095t-2.168 2.81q-.075.236-.233.415q-.157.18-.386.18q-.242 0-.373-.19q-.13-.189-.063-.402Q6 8.762 7.805 7.38T11.975 6q1.864 0 3.394.891q1.531.892 2.458 2.34V6.385q0-.213.144-.357q.144-.143.356-.143q.213 0 .357.143t.143.357v4.307q0 .344-.232.576t-.576.232h-4.307q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightStepOverRounded(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="M10.23 17.772q-.73-.729-.73-1.77t.729-1.771t1.769-.731t1.771.729t.731 1.769t-.728 1.771t-1.77.731t-1.771-.728M17.45 10.5q-.723-1.561-2.172-2.53Q13.828 7 12 7q-1.918 0-3.438 1.095t-2.168 2.81q-.075.236-.233.415q-.157.18-.386.18q-.242 0-.373-.19q-.13-.189-.063-.402Q6 8.762 7.805 7.38T11.975 6q1.864 0 3.394.891q1.531.892 2.458 2.34V6.385q0-.213.144-.357q.144-.143.356-.143q.213 0 .357.143t.143.357v4.307q0 .344-.232.576t-.576.232h-4.307q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.23 17.772q-.73-.729-.73-1.77t.729-1.771t1.769-.731t1.771.729t.731 1.769t-.728 1.771t-1.77.731t-1.771-.728M17.45 10.5q-.723-1.561-2.172-2.53Q13.828 7 12 7q-1.918 0-3.438 1.095t-2.168 2.81q-.075.236-.233.415q-.157.18-.386.18q-.242 0-.373-.19q-.13-.189-.063-.402Q6 8.762 7.805 7.38T11.975 6q1.864 0 3.394.891q1.531.892 2.458 2.34V6.385q0-.213.144-.357q.144-.143.356-.143q.213 0 .357.143t.143.357v4.307q0 .344-.232.576t-.576.232h-4.307q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143z"/></svg> </template>
CSS
.icon-step-over-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%22M10.23%2017.772q-.73-.729-.73-1.77t.729-1.771t1.769-.731t1.771.729t.731%201.769t-.728%201.771t-1.77.731t-1.771-.728M17.45%2010.5q-.723-1.561-2.172-2.53Q13.828%207%2012%207q-1.918%200-3.438%201.095t-2.168%202.81q-.075.236-.233.415q-.157.18-.386.18q-.242%200-.373-.19q-.13-.189-.063-.402Q6%208.762%207.805%207.38T11.975%206q1.864%200%203.394.891q1.531.892%202.458%202.34V6.385q0-.213.144-.357q.144-.143.356-.143q.213%200%20.357.143t.143.357v4.307q0%20.344-.232.576t-.576.232h-4.307q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143z%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%22M10.23%2017.772q-.73-.729-.73-1.77t.729-1.771t1.769-.731t1.771.729t.731%201.769t-.728%201.771t-1.77.731t-1.771-.728M17.45%2010.5q-.723-1.561-2.172-2.53Q13.828%207%2012%207q-1.918%200-3.438%201.095t-2.168%202.81q-.075.236-.233.415q-.157.18-.386.18q-.242%200-.373-.19q-.13-.189-.063-.402Q6%208.762%207.805%207.38T11.975%206q1.864%200%203.394.891q1.531.892%202.458%202.34V6.385q0-.213.144-.357q.144-.143.356-.143q.213%200%20.357.143t.143.357v4.307q0%20.344-.232.576t-.576.232h-4.307q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/step-over-rounded.svg?color=%231a73e8&size=48
