swap driving apps wheel icon

swap-driving-apps-wheel-outline-sharp from Material Symbols Light by Google · Outline Sharp · Transit · Apache-2.0 Free for personal and commercial use.

Name
swap-driving-apps-wheel-outline-sharp
Set
Material Symbols Light
Style
Outline Sharp
Category
Transit
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

The same icon in other sets

More transit icons from Material Symbols Light

Use the swap driving apps wheel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.503 20.293q-1.64-.708-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93Q10.147 3 12.005 3t3.498.71t2.858 1.93t1.929 2.855q.71 1.637.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707m6.22-3.403q1.339.389 2.493 1.156q1.342-1.13 2.063-2.71T20 12q0-3.35-2.325-5.675T12 4T6.325 6.325T4 12q0 1.76.718 3.34q.718 1.581 2.066 2.706q1.154-.767 2.493-1.156q1.339-.39 2.723-.39t2.723.39m-4.954.918q-1.09.308-2.08.884q.951.635 2.053.972t2.26.336t2.257-.336t2.052-.972q-.99-.577-2.077-.884t-2.231-.308t-2.234.308m-2.769-7q.329 0 .568-.24t.24-.568t-.24-.568T7 9.192t-.568.24t-.24.568t.24.568t.568.24m3.568-3.24q.24-.24.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24t.568-.24M17 10.808q.329 0 .568-.24t.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24m-3.934 2.258q.434-.433.434-1.066q0-.325-.129-.609q-.129-.283-.348-.514l1.75-4.446l-.932-.402l-1.783 4.471q-.635-.029-1.096.409T10.5 12q0 .633.434 1.066q.433.434 1.066.434t1.066-.434M12 17.5"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSwapDrivingAppsWheelOutlineSharp(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.503 20.293q-1.64-.708-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93Q10.147 3 12.005 3t3.498.71t2.858 1.93t1.929 2.855q.71 1.637.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707m6.22-3.403q1.339.389 2.493 1.156q1.342-1.13 2.063-2.71T20 12q0-3.35-2.325-5.675T12 4T6.325 6.325T4 12q0 1.76.718 3.34q.718 1.581 2.066 2.706q1.154-.767 2.493-1.156q1.339-.39 2.723-.39t2.723.39m-4.954.918q-1.09.308-2.08.884q.951.635 2.053.972t2.26.336t2.257-.336t2.052-.972q-.99-.577-2.077-.884t-2.231-.308t-2.234.308m-2.769-7q.329 0 .568-.24t.24-.568t-.24-.568T7 9.192t-.568.24t-.24.568t.24.568t.568.24m3.568-3.24q.24-.24.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24t.568-.24M17 10.808q.329 0 .568-.24t.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24m-3.934 2.258q.434-.433.434-1.066q0-.325-.129-.609q-.129-.283-.348-.514l1.75-4.446l-.932-.402l-1.783 4.471q-.635-.029-1.096.409T10.5 12q0 .633.434 1.066q.433.434 1.066.434t1.066-.434M12 17.5"/></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.503 20.293q-1.64-.708-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93Q10.147 3 12.005 3t3.498.71t2.858 1.93t1.929 2.855q.71 1.637.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707m6.22-3.403q1.339.389 2.493 1.156q1.342-1.13 2.063-2.71T20 12q0-3.35-2.325-5.675T12 4T6.325 6.325T4 12q0 1.76.718 3.34q.718 1.581 2.066 2.706q1.154-.767 2.493-1.156q1.339-.39 2.723-.39t2.723.39m-4.954.918q-1.09.308-2.08.884q.951.635 2.053.972t2.26.336t2.257-.336t2.052-.972q-.99-.577-2.077-.884t-2.231-.308t-2.234.308m-2.769-7q.329 0 .568-.24t.24-.568t-.24-.568T7 9.192t-.568.24t-.24.568t.24.568t.568.24m3.568-3.24q.24-.24.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24t.568-.24M17 10.808q.329 0 .568-.24t.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24m-3.934 2.258q.434-.433.434-1.066q0-.325-.129-.609q-.129-.283-.348-.514l1.75-4.446l-.932-.402l-1.783 4.471q-.635-.029-1.096.409T10.5 12q0 .633.434 1.066q.433.434 1.066.434t1.066-.434M12 17.5"/></svg>
</template>

CSS

.icon-swap-driving-apps-wheel-outline-sharp {
  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.503%2020.293q-1.64-.708-2.864-1.932t-1.931-2.864T3%2011.995t.71-3.5T5.64%205.64t2.862-1.93Q10.147%203%2012.005%203t3.498.71t2.858%201.93t1.929%202.855q.71%201.637.71%203.5t-.71%203.505t-1.93%202.86t-2.855%201.93t-3.5.71t-3.502-.707m6.22-3.403q1.339.389%202.493%201.156q1.342-1.13%202.063-2.71T20%2012q0-3.35-2.325-5.675T12%204T6.325%206.325T4%2012q0%201.76.718%203.34q.718%201.581%202.066%202.706q1.154-.767%202.493-1.156q1.339-.39%202.723-.39t2.723.39m-4.954.918q-1.09.308-2.08.884q.951.635%202.053.972t2.26.336t2.257-.336t2.052-.972q-.99-.577-2.077-.884t-2.231-.308t-2.234.308m-2.769-7q.329%200%20.568-.24t.24-.568t-.24-.568T7%209.192t-.568.24t-.24.568t.24.568t.568.24m3.568-3.24q.24-.24.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24t.568-.24M17%2010.808q.329%200%20.568-.24t.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24m-3.934%202.258q.434-.433.434-1.066q0-.325-.129-.609q-.129-.283-.348-.514l1.75-4.446l-.932-.402l-1.783%204.471q-.635-.029-1.096.409T10.5%2012q0%20.633.434%201.066q.433.434%201.066.434t1.066-.434M12%2017.5%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.503%2020.293q-1.64-.708-2.864-1.932t-1.931-2.864T3%2011.995t.71-3.5T5.64%205.64t2.862-1.93Q10.147%203%2012.005%203t3.498.71t2.858%201.93t1.929%202.855q.71%201.637.71%203.5t-.71%203.505t-1.93%202.86t-2.855%201.93t-3.5.71t-3.502-.707m6.22-3.403q1.339.389%202.493%201.156q1.342-1.13%202.063-2.71T20%2012q0-3.35-2.325-5.675T12%204T6.325%206.325T4%2012q0%201.76.718%203.34q.718%201.581%202.066%202.706q1.154-.767%202.493-1.156q1.339-.39%202.723-.39t2.723.39m-4.954.918q-1.09.308-2.08.884q.951.635%202.053.972t2.26.336t2.257-.336t2.052-.972q-.99-.577-2.077-.884t-2.231-.308t-2.234.308m-2.769-7q.329%200%20.568-.24t.24-.568t-.24-.568T7%209.192t-.568.24t-.24.568t.24.568t.568.24m3.568-3.24q.24-.24.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24t.568-.24M17%2010.808q.329%200%20.568-.24t.24-.568t-.24-.568t-.568-.24t-.568.24t-.24.568t.24.568t.568.24m-3.934%202.258q.434-.433.434-1.066q0-.325-.129-.609q-.129-.283-.348-.514l1.75-4.446l-.932-.402l-1.783%204.471q-.635-.029-1.096.409T10.5%2012q0%20.633.434%201.066q.433.434%201.066.434t1.066-.434M12%2017.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/swap-driving-apps-wheel-outline-sharp.svg?color=%231a73e8&size=48