steering wheel cool icon
steering-wheel-cool-rounded from Material Symbols Light by Google · Rounded · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- steering-wheel-cool-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- steering-wheel-cool-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More transit icons from Material Symbols Light
agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-right
Use the steering wheel cool icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12q0-3.28 2.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383 2.555q-1.775 2.01-1.935 4.747h7.514q.136 0 .258.059q.12.058.202.15q.446.485.967.873q.52.387 1.125.677q.292.131.385.449t-.112.573L12.5 16.596v3.387q2.766-.166 4.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484 3.299-3.001 5.49Q15.372 21 12 21m-.5-1.017v-3.387L8.211 12.5H4.017q.177 3.033 2.314 5.17t5.169 2.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368 1.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02 2q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19 0-.316-.126Q12 7.191 12 7t.126-.316t.316-.126h1.752L12.808 5.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019 2.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166 0 .295.13l1.392 1.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02 2.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387 1.406h1.758q.19 0 .316.126T22.02 7t-.126.316t-.316.126H19.82l1.373 1.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02 2.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0 .19-.126.316T17 12t-.316-.126"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSteeringWheelCoolRounded(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 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12q0-3.28 2.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383 2.555q-1.775 2.01-1.935 4.747h7.514q.136 0 .258.059q.12.058.202.15q.446.485.967.873q.52.387 1.125.677q.292.131.385.449t-.112.573L12.5 16.596v3.387q2.766-.166 4.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484 3.299-3.001 5.49Q15.372 21 12 21m-.5-1.017v-3.387L8.211 12.5H4.017q.177 3.033 2.314 5.17t5.169 2.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368 1.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02 2q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19 0-.316-.126Q12 7.191 12 7t.126-.316t.316-.126h1.752L12.808 5.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019 2.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166 0 .295.13l1.392 1.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02 2.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387 1.406h1.758q.19 0 .316.126T22.02 7t-.126.316t-.316.126H19.82l1.373 1.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02 2.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0 .19-.126.316T17 12t-.316-.126"/></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 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12q0-3.28 2.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383 2.555q-1.775 2.01-1.935 4.747h7.514q.136 0 .258.059q.12.058.202.15q.446.485.967.873q.52.387 1.125.677q.292.131.385.449t-.112.573L12.5 16.596v3.387q2.766-.166 4.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484 3.299-3.001 5.49Q15.372 21 12 21m-.5-1.017v-3.387L8.211 12.5H4.017q.177 3.033 2.314 5.17t5.169 2.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368 1.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02 2q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19 0-.316-.126Q12 7.191 12 7t.126-.316t.316-.126h1.752L12.808 5.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019 2.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166 0 .295.13l1.392 1.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02 2.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387 1.406h1.758q.19 0 .316.126T22.02 7t-.126.316t-.316.126H19.82l1.373 1.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02 2.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0 .19-.126.316T17 12t-.316-.126"/></svg> </template>
CSS
.icon-steering-wheel-cool-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%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012q0-3.28%202.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383%202.555q-1.775%202.01-1.935%204.747h7.514q.136%200%20.258.059q.12.058.202.15q.446.485.967.873q.52.387%201.125.677q.292.131.385.449t-.112.573L12.5%2016.596v3.387q2.766-.166%204.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484%203.299-3.001%205.49Q15.372%2021%2012%2021m-.5-1.017v-3.387L8.211%2012.5H4.017q.177%203.033%202.314%205.17t5.169%202.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368%201.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02%202q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19%200-.316-.126Q12%207.191%2012%207t.126-.316t.316-.126h1.752L12.808%205.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019%202.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166%200%20.295.13l1.392%201.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02%202.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387%201.406h1.758q.19%200%20.316.126T22.02%207t-.126.316t-.316.126H19.82l1.373%201.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02%202.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0%20.19-.126.316T17%2012t-.316-.126%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%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012q0-3.28%202.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383%202.555q-1.775%202.01-1.935%204.747h7.514q.136%200%20.258.059q.12.058.202.15q.446.485.967.873q.52.387%201.125.677q.292.131.385.449t-.112.573L12.5%2016.596v3.387q2.766-.166%204.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484%203.299-3.001%205.49Q15.372%2021%2012%2021m-.5-1.017v-3.387L8.211%2012.5H4.017q.177%203.033%202.314%205.17t5.169%202.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368%201.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02%202q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19%200-.316-.126Q12%207.191%2012%207t.126-.316t.316-.126h1.752L12.808%205.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019%202.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166%200%20.295.13l1.392%201.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02%202.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387%201.406h1.758q.19%200%20.316.126T22.02%207t-.126.316t-.316.126H19.82l1.373%201.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02%202.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0%20.19-.126.316T17%2012t-.316-.126%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/steering-wheel-cool-rounded.svg?color=%231a73e8&size=48
