swap driving apps wheel icon
swap-driving-apps-wheel-sharp from Material Symbols by Google · Sharp · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- swap-driving-apps-wheel-sharp
- Set
- Material Symbols
- Style
- Sharp
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More transit icons from Material Symbols
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 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.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787m-.413-10.5Q8 10.425 8 10t-.288-.712T7 9t-.712.288T6 10t.288.713T7 11t.713-.288m3-3Q11 7.426 11 7t-.288-.712T10 6t-.712.288T9 7t.288.713T10 8t.713-.288m7 3Q18 10.426 18 10t-.288-.712T17 9t-.712.288T16 10t.288.713T17 11t.713-.288m-4.3 2.7Q14 12.826 14 12q0-.325-.1-.638t-.3-.562l1.75-4.35l-1.875-.825L11.75 10q-.75.125-1.25.688T10 12q0 .825.588 1.413T12 14t1.413-.587M17.6 17.7q-1.25-.825-2.675-1.263T12 16t-2.925.438T6.4 17.7L8.15 19q.875-.5 1.85-.75t2-.25t2 .25t1.85.75z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSwapDrivingAppsWheelSharp(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.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787m-.413-10.5Q8 10.425 8 10t-.288-.712T7 9t-.712.288T6 10t.288.713T7 11t.713-.288m3-3Q11 7.426 11 7t-.288-.712T10 6t-.712.288T9 7t.288.713T10 8t.713-.288m7 3Q18 10.426 18 10t-.288-.712T17 9t-.712.288T16 10t.288.713T17 11t.713-.288m-4.3 2.7Q14 12.826 14 12q0-.325-.1-.638t-.3-.562l1.75-4.35l-1.875-.825L11.75 10q-.75.125-1.25.688T10 12q0 .825.588 1.413T12 14t1.413-.587M17.6 17.7q-1.25-.825-2.675-1.263T12 16t-2.925.438T6.4 17.7L8.15 19q.875-.5 1.85-.75t2-.25t2 .25t1.85.75z"/></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.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787m-.413-10.5Q8 10.425 8 10t-.288-.712T7 9t-.712.288T6 10t.288.713T7 11t.713-.288m3-3Q11 7.426 11 7t-.288-.712T10 6t-.712.288T9 7t.288.713T10 8t.713-.288m7 3Q18 10.426 18 10t-.288-.712T17 9t-.712.288T16 10t.288.713T17 11t.713-.288m-4.3 2.7Q14 12.826 14 12q0-.325-.1-.638t-.3-.562l1.75-4.35l-1.875-.825L11.75 10q-.75.125-1.25.688T10 12q0 .825.588 1.413T12 14t1.413-.587M17.6 17.7q-1.25-.825-2.675-1.263T12 16t-2.925.438T6.4 17.7L8.15 19q.875-.5 1.85-.75t2-.25t2 .25t1.85.75z"/></svg> </template>
CSS
.icon-swap-driving-apps-wheel-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.125%2021.213q-1.825-.788-3.187-2.15t-2.15-3.188T2%2011.988t.788-3.875t2.15-3.175t3.187-2.15T12.013%202t3.875.788t3.175%202.15t2.15%203.175t.787%203.875t-.787%203.887t-2.15%203.188t-3.175%202.15t-3.875.787t-3.888-.787m-.413-10.5Q8%2010.425%208%2010t-.288-.712T7%209t-.712.288T6%2010t.288.713T7%2011t.713-.288m3-3Q11%207.426%2011%207t-.288-.712T10%206t-.712.288T9%207t.288.713T10%208t.713-.288m7%203Q18%2010.426%2018%2010t-.288-.712T17%209t-.712.288T16%2010t.288.713T17%2011t.713-.288m-4.3%202.7Q14%2012.826%2014%2012q0-.325-.1-.638t-.3-.562l1.75-4.35l-1.875-.825L11.75%2010q-.75.125-1.25.688T10%2012q0%20.825.588%201.413T12%2014t1.413-.587M17.6%2017.7q-1.25-.825-2.675-1.263T12%2016t-2.925.438T6.4%2017.7L8.15%2019q.875-.5%201.85-.75t2-.25t2%20.25t1.85.75z%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.125%2021.213q-1.825-.788-3.187-2.15t-2.15-3.188T2%2011.988t.788-3.875t2.15-3.175t3.187-2.15T12.013%202t3.875.788t3.175%202.15t2.15%203.175t.787%203.875t-.787%203.887t-2.15%203.188t-3.175%202.15t-3.875.787t-3.888-.787m-.413-10.5Q8%2010.425%208%2010t-.288-.712T7%209t-.712.288T6%2010t.288.713T7%2011t.713-.288m3-3Q11%207.426%2011%207t-.288-.712T10%206t-.712.288T9%207t.288.713T10%208t.713-.288m7%203Q18%2010.426%2018%2010t-.288-.712T17%209t-.712.288T16%2010t.288.713T17%2011t.713-.288m-4.3%202.7Q14%2012.826%2014%2012q0-.325-.1-.638t-.3-.562l1.75-4.35l-1.875-.825L11.75%2010q-.75.125-1.25.688T10%2012q0%20.825.588%201.413T12%2014t1.413-.587M17.6%2017.7q-1.25-.825-2.675-1.263T12%2016t-2.925.438T6.4%2017.7L8.15%2019q.875-.5%201.85-.75t2-.25t2%20.25t1.85.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/swap-driving-apps-wheel-sharp.svg?color=%231a73e8&size=48
