swap driving apps icon
swap-driving-apps-outline-rounded from Material Symbols Light by Google · Outline Rounded · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- swap-driving-apps-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants 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 swap driving apps icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.035 5.039h-8.97q-.213 0-.356-.144t-.143-.356t.143-.357t.357-.144h8.968L15.79 2.793q-.147-.146-.153-.344t.153-.363q.165-.166.356-.169q.192-.003.357.163l1.894 1.894q.243.243.243.566t-.243.565l-1.888 1.888q-.146.147-.344.153t-.364-.153q-.165-.165-.168-.356q-.003-.192.162-.357zM5 19h14v-4.846H5zm3.22-1.627q.319-.32.319-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32m9.154 0q.32-.32.32-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32M5.946 9l1.246 1.246q.146.146.153.344q.007.199-.153.364q-.165.165-.357.168q-.19.003-.356-.162L4.584 9.066q-.242-.243-.242-.566t.243-.565L6.479 6.04q.146-.147.347-.153t.366.158q.16.166.163.354q.003.189-.163.354L5.946 8h10.756q.515 0 .935.298q.419.298.58.783l1.702 4.806q.05.13.065.267q.016.137.016.273v6.958q0 .26-.178.437q-.178.178-.438.178q-.259 0-.437-.178t-.178-.437V20H5.231v1.385q0 .26-.178.437q-.178.178-.437.178q-.26 0-.438-.178T4 21.385v-7.193q0-.44.299-.739q.299-.3.74-.3h13.546l-1.32-3.75q-.076-.191-.23-.297T16.669 9zM5 14.154V19z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSwapDrivingAppsOutlineRounded(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="M17.035 5.039h-8.97q-.213 0-.356-.144t-.143-.356t.143-.357t.357-.144h8.968L15.79 2.793q-.147-.146-.153-.344t.153-.363q.165-.166.356-.169q.192-.003.357.163l1.894 1.894q.243.243.243.566t-.243.565l-1.888 1.888q-.146.147-.344.153t-.364-.153q-.165-.165-.168-.356q-.003-.192.162-.357zM5 19h14v-4.846H5zm3.22-1.627q.319-.32.319-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32m9.154 0q.32-.32.32-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32M5.946 9l1.246 1.246q.146.146.153.344q.007.199-.153.364q-.165.165-.357.168q-.19.003-.356-.162L4.584 9.066q-.242-.243-.242-.566t.243-.565L6.479 6.04q.146-.147.347-.153t.366.158q.16.166.163.354q.003.189-.163.354L5.946 8h10.756q.515 0 .935.298q.419.298.58.783l1.702 4.806q.05.13.065.267q.016.137.016.273v6.958q0 .26-.178.437q-.178.178-.438.178q-.259 0-.437-.178t-.178-.437V20H5.231v1.385q0 .26-.178.437q-.178.178-.437.178q-.26 0-.438-.178T4 21.385v-7.193q0-.44.299-.739q.299-.3.74-.3h13.546l-1.32-3.75q-.076-.191-.23-.297T16.669 9zM5 14.154V19z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.035 5.039h-8.97q-.213 0-.356-.144t-.143-.356t.143-.357t.357-.144h8.968L15.79 2.793q-.147-.146-.153-.344t.153-.363q.165-.166.356-.169q.192-.003.357.163l1.894 1.894q.243.243.243.566t-.243.565l-1.888 1.888q-.146.147-.344.153t-.364-.153q-.165-.165-.168-.356q-.003-.192.162-.357zM5 19h14v-4.846H5zm3.22-1.627q.319-.32.319-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32m9.154 0q.32-.32.32-.796t-.32-.796t-.796-.32q-.477 0-.796.32t-.32.796t.32.796t.796.32t.796-.32M5.946 9l1.246 1.246q.146.146.153.344q.007.199-.153.364q-.165.165-.357.168q-.19.003-.356-.162L4.584 9.066q-.242-.243-.242-.566t.243-.565L6.479 6.04q.146-.147.347-.153t.366.158q.16.166.163.354q.003.189-.163.354L5.946 8h10.756q.515 0 .935.298q.419.298.58.783l1.702 4.806q.05.13.065.267q.016.137.016.273v6.958q0 .26-.178.437q-.178.178-.438.178q-.259 0-.437-.178t-.178-.437V20H5.231v1.385q0 .26-.178.437q-.178.178-.437.178q-.26 0-.438-.178T4 21.385v-7.193q0-.44.299-.739q.299-.3.74-.3h13.546l-1.32-3.75q-.076-.191-.23-.297T16.669 9zM5 14.154V19z"/></svg> </template>
CSS
.icon-swap-driving-apps-outline-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%22M17.035%205.039h-8.97q-.213%200-.356-.144t-.143-.356t.143-.357t.357-.144h8.968L15.79%202.793q-.147-.146-.153-.344t.153-.363q.165-.166.356-.169q.192-.003.357.163l1.894%201.894q.243.243.243.566t-.243.565l-1.888%201.888q-.146.147-.344.153t-.364-.153q-.165-.165-.168-.356q-.003-.192.162-.357zM5%2019h14v-4.846H5zm3.22-1.627q.319-.32.319-.796t-.32-.796t-.796-.32q-.477%200-.796.32t-.32.796t.32.796t.796.32t.796-.32m9.154%200q.32-.32.32-.796t-.32-.796t-.796-.32q-.477%200-.796.32t-.32.796t.32.796t.796.32t.796-.32M5.946%209l1.246%201.246q.146.146.153.344q.007.199-.153.364q-.165.165-.357.168q-.19.003-.356-.162L4.584%209.066q-.242-.243-.242-.566t.243-.565L6.479%206.04q.146-.147.347-.153t.366.158q.16.166.163.354q.003.189-.163.354L5.946%208h10.756q.515%200%20.935.298q.419.298.58.783l1.702%204.806q.05.13.065.267q.016.137.016.273v6.958q0%20.26-.178.437q-.178.178-.438.178q-.259%200-.437-.178t-.178-.437V20H5.231v1.385q0%20.26-.178.437q-.178.178-.437.178q-.26%200-.438-.178T4%2021.385v-7.193q0-.44.299-.739q.299-.3.74-.3h13.546l-1.32-3.75q-.076-.191-.23-.297T16.669%209zM5%2014.154V19z%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%22M17.035%205.039h-8.97q-.213%200-.356-.144t-.143-.356t.143-.357t.357-.144h8.968L15.79%202.793q-.147-.146-.153-.344t.153-.363q.165-.166.356-.169q.192-.003.357.163l1.894%201.894q.243.243.243.566t-.243.565l-1.888%201.888q-.146.147-.344.153t-.364-.153q-.165-.165-.168-.356q-.003-.192.162-.357zM5%2019h14v-4.846H5zm3.22-1.627q.319-.32.319-.796t-.32-.796t-.796-.32q-.477%200-.796.32t-.32.796t.32.796t.796.32t.796-.32m9.154%200q.32-.32.32-.796t-.32-.796t-.796-.32q-.477%200-.796.32t-.32.796t.32.796t.796.32t.796-.32M5.946%209l1.246%201.246q.146.146.153.344q.007.199-.153.364q-.165.165-.357.168q-.19.003-.356-.162L4.584%209.066q-.242-.243-.242-.566t.243-.565L6.479%206.04q.146-.147.347-.153t.366.158q.16.166.163.354q.003.189-.163.354L5.946%208h10.756q.515%200%20.935.298q.419.298.58.783l1.702%204.806q.05.13.065.267q.016.137.016.273v6.958q0%20.26-.178.437q-.178.178-.438.178q-.259%200-.437-.178t-.178-.437V20H5.231v1.385q0%20.26-.178.437q-.178.178-.437.178q-.26%200-.438-.178T4%2021.385v-7.193q0-.44.299-.739q.299-.3.74-.3h13.546l-1.32-3.75q-.076-.191-.23-.297T16.669%209zM5%2014.154V19z%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-outline-rounded.svg?color=%231a73e8&size=48
