component exchange icon
component-exchange from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- component-exchange
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- component-exchange-outline, component-exchange-outline-rounded, component-exchange-outline-sharp, component-exchange-rounded, component-exchange-sharp
The same icon in other sets
More actions icons from Material Symbols Light
Use the component exchange icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.17 20.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83 1.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817 1.398l.07.052l-4.2 2.415l-.68 1.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.454-4.976q-.524.525-.524 1.284t.524 1.284q.525.524 1.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6 15.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.453-4.976Q9.192 5.241 9.192 6t.524 1.284q.525.524 1.284.524t1.284-.524T12.808 6t-.524-1.284T11 4.192t-1.284.524m7.453 15.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952 3.458h1.402l.13 1.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13 1.16zm-.453-4.976q-.524.525-.524 1.284t.524 1.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18 15.192t-1.284.524"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightComponentExchange(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="m5.17 20.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83 1.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817 1.398l.07.052l-4.2 2.415l-.68 1.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.454-4.976q-.524.525-.524 1.284t.524 1.284q.525.524 1.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6 15.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.453-4.976Q9.192 5.241 9.192 6t.524 1.284q.525.524 1.284.524t1.284-.524T12.808 6t-.524-1.284T11 4.192t-1.284.524m7.453 15.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952 3.458h1.402l.13 1.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13 1.16zm-.453-4.976q-.524.525-.524 1.284t.524 1.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18 15.192t-1.284.524"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.17 20.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83 1.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817 1.398l.07.052l-4.2 2.415l-.68 1.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.454-4.976q-.524.525-.524 1.284t.524 1.284q.525.524 1.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6 15.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.453-4.976Q9.192 5.241 9.192 6t.524 1.284q.525.524 1.284.524t1.284-.524T12.808 6t-.524-1.284T11 4.192t-1.284.524m7.453 15.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952 3.458h1.402l.13 1.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13 1.16zm-.453-4.976q-.524.525-.524 1.284t.524 1.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18 15.192t-1.284.524"/></svg> </template>
CSS
.icon-component-exchange {
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%22m5.17%2020.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13%201.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83%201.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817%201.398l.07.052l-4.2%202.415l-.68%201.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131%201.16zm-.454-4.976q-.524.525-.524%201.284t.524%201.284q.525.524%201.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6%2015.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13%201.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83%201.438l-.929.698v.833l.93.723l-.831%201.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131%201.16zm-.453-4.976Q9.192%205.241%209.192%206t.524%201.284q.525.524%201.284.524t1.284-.524T12.808%206t-.524-1.284T11%204.192t-1.284.524m7.453%2015.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952%203.458h1.402l.13%201.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83%201.438l-.929.698v.833l.93.723l-.831%201.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13%201.16zm-.453-4.976q-.524.525-.524%201.284t.524%201.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18%2015.192t-1.284.524%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%22m5.17%2020.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13%201.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83%201.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817%201.398l.07.052l-4.2%202.415l-.68%201.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131%201.16zm-.454-4.976q-.524.525-.524%201.284t.524%201.284q.525.524%201.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6%2015.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13%201.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83%201.438l-.929.698v.833l.93.723l-.831%201.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131%201.16zm-.453-4.976Q9.192%205.241%209.192%206t.524%201.284q.525.524%201.284.524t1.284-.524T12.808%206t-.524-1.284T11%204.192t-1.284.524m7.453%2015.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952%203.458h1.402l.13%201.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83%201.438l-.929.698v.833l.93.723l-.831%201.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13%201.16zm-.453-4.976q-.524.525-.524%201.284t.524%201.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18%2015.192t-1.284.524%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/component-exchange.svg?color=%231a73e8&size=48
