mode dual icon
mode-dual from Material Symbols Light by Google · Regular · Home · Apache-2.0 Free for personal and commercial use.
- Name
- mode-dual
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- mode-dual-rounded
3 other variants in Material Symbols Light
The same icon in other sets
More home icons from Material Symbols Light
activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status
Use the mode dual icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.464 20.36q-.176.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T2.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.331t.15-.354q.14-.168.342-.171q.2-.003.366.138q.892.798 1.447 1.836T6.125 7.7q0 1.137-.337 2.182t-.775 2.086q-.425 1.003-.769 2.018T3.9 16.099q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m4 0q-.175.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T6.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.34q.01-.202.15-.357q.14-.175.342-.169t.366.148q.893.798 1.447 1.826q.555 1.03.555 2.236q0 1.114-.328 2.176t-.764 2.079q-.425 1.008-.78 2.025Q7.9 15.001 7.9 16.1q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m2.92.64V3q0-.213.144-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v4.342l3.396-3.351q.16-.16.35-.16t.358.165q.159.16.159.354t-.16.354l-4.103 4.104V11.5h2.692l4.104-4.104q.16-.16.354-.16t.354.16q.14.14.14.344t-.14.364L17.542 11.5h4.343q.213 0 .356.143t.144.357t-.144.357t-.356.143h-4.343l3.352 3.396q.16.16.16.351q0 .192-.165.357q-.16.16-.354.16t-.354-.16L16.077 12.5h-2.693v2.692l4.105 4.104q.159.16.159.354t-.16.354q-.14.14-.344.14t-.363-.14l-3.396-3.346V21q0 .214-.144.357t-.356.143t-.357-.143t-.144-.357"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightModeDual(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.464 20.36q-.176.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T2.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.331t.15-.354q.14-.168.342-.171q.2-.003.366.138q.892.798 1.447 1.836T6.125 7.7q0 1.137-.337 2.182t-.775 2.086q-.425 1.003-.769 2.018T3.9 16.099q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m4 0q-.175.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T6.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.34q.01-.202.15-.357q.14-.175.342-.169t.366.148q.893.798 1.447 1.826q.555 1.03.555 2.236q0 1.114-.328 2.176t-.764 2.079q-.425 1.008-.78 2.025Q7.9 15.001 7.9 16.1q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m2.92.64V3q0-.213.144-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v4.342l3.396-3.351q.16-.16.35-.16t.358.165q.159.16.159.354t-.16.354l-4.103 4.104V11.5h2.692l4.104-4.104q.16-.16.354-.16t.354.16q.14.14.14.344t-.14.364L17.542 11.5h4.343q.213 0 .356.143t.144.357t-.144.357t-.356.143h-4.343l3.352 3.396q.16.16.16.351q0 .192-.165.357q-.16.16-.354.16t-.354-.16L16.077 12.5h-2.693v2.692l4.105 4.104q.159.16.159.354t-.16.354q-.14.14-.344.14t-.363-.14l-3.396-3.346V21q0 .214-.144.357t-.356.143t-.357-.143t-.144-.357"/></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.464 20.36q-.176.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T2.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.331t.15-.354q.14-.168.342-.171q.2-.003.366.138q.892.798 1.447 1.836T6.125 7.7q0 1.137-.337 2.182t-.775 2.086q-.425 1.003-.769 2.018T3.9 16.099q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m4 0q-.175.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T6.9 16.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.34q.01-.202.15-.357q.14-.175.342-.169t.366.148q.893.798 1.447 1.826q.555 1.03.555 2.236q0 1.114-.328 2.176t-.764 2.079q-.425 1.008-.78 2.025Q7.9 15.001 7.9 16.1q0 1.022.448 1.93q.448.91 1.156 1.642q.14.146.128.347t-.168.342m2.92.64V3q0-.213.144-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v4.342l3.396-3.351q.16-.16.35-.16t.358.165q.159.16.159.354t-.16.354l-4.103 4.104V11.5h2.692l4.104-4.104q.16-.16.354-.16t.354.16q.14.14.14.344t-.14.364L17.542 11.5h4.343q.213 0 .356.143t.144.357t-.144.357t-.356.143h-4.343l3.352 3.396q.16.16.16.351q0 .192-.165.357q-.16.16-.354.16t-.354-.16L16.077 12.5h-2.693v2.692l4.105 4.104q.159.16.159.354t-.16.354q-.14.14-.344.14t-.363-.14l-3.396-3.346V21q0 .214-.144.357t-.356.143t-.357-.143t-.144-.357"/></svg> </template>
CSS
.icon-mode-dual {
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.464%2020.36q-.176.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T2.9%2016.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.331t.15-.354q.14-.168.342-.171q.2-.003.366.138q.892.798%201.447%201.836T6.125%207.7q0%201.137-.337%202.182t-.775%202.086q-.425%201.003-.769%202.018T3.9%2016.099q0%201.022.448%201.93q.448.91%201.156%201.642q.14.146.128.347t-.168.342m4%200q-.175.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T6.9%2016.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.34q.01-.202.15-.357q.14-.175.342-.169t.366.148q.893.798%201.447%201.826q.555%201.03.555%202.236q0%201.114-.328%202.176t-.764%202.079q-.425%201.008-.78%202.025Q7.9%2015.001%207.9%2016.1q0%201.022.448%201.93q.448.91%201.156%201.642q.14.146.128.347t-.168.342m2.92.64V3q0-.213.144-.357q.143-.143.357-.143q.213%200%20.356.143t.144.357v4.342l3.396-3.351q.16-.16.35-.16t.358.165q.159.16.159.354t-.16.354l-4.103%204.104V11.5h2.692l4.104-4.104q.16-.16.354-.16t.354.16q.14.14.14.344t-.14.364L17.542%2011.5h4.343q.213%200%20.356.143t.144.357t-.144.357t-.356.143h-4.343l3.352%203.396q.16.16.16.351q0%20.192-.165.357q-.16.16-.354.16t-.354-.16L16.077%2012.5h-2.693v2.692l4.105%204.104q.159.16.159.354t-.16.354q-.14.14-.344.14t-.363-.14l-3.396-3.346V21q0%20.214-.144.357t-.356.143t-.357-.143t-.144-.357%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.464%2020.36q-.176.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T2.9%2016.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.331t.15-.354q.14-.168.342-.171q.2-.003.366.138q.892.798%201.447%201.836T6.125%207.7q0%201.137-.337%202.182t-.775%202.086q-.425%201.003-.769%202.018T3.9%2016.099q0%201.022.448%201.93q.448.91%201.156%201.642q.14.146.128.347t-.168.342m4%200q-.175.14-.38.137q-.203-.003-.348-.163q-.813-.878-1.324-1.942T6.9%2016.125q0-1.195.33-2.32q.332-1.126.812-2.213q.414-.931.749-1.895q.334-.964.334-1.993q0-.998-.498-1.833q-.498-.834-1.219-1.512q-.152-.14-.143-.34q.01-.202.15-.357q.14-.175.342-.169t.366.148q.893.798%201.447%201.826q.555%201.03.555%202.236q0%201.114-.328%202.176t-.764%202.079q-.425%201.008-.78%202.025Q7.9%2015.001%207.9%2016.1q0%201.022.448%201.93q.448.91%201.156%201.642q.14.146.128.347t-.168.342m2.92.64V3q0-.213.144-.357q.143-.143.357-.143q.213%200%20.356.143t.144.357v4.342l3.396-3.351q.16-.16.35-.16t.358.165q.159.16.159.354t-.16.354l-4.103%204.104V11.5h2.692l4.104-4.104q.16-.16.354-.16t.354.16q.14.14.14.344t-.14.364L17.542%2011.5h4.343q.213%200%20.356.143t.144.357t-.144.357t-.356.143h-4.343l3.352%203.396q.16.16.16.351q0%20.192-.165.357q-.16.16-.354.16t-.354-.16L16.077%2012.5h-2.693v2.692l4.105%204.104q.159.16.159.354t-.16.354q-.14.14-.344.14t-.363-.14l-3.396-3.346V21q0%20.214-.144.357t-.356.143t-.357-.143t-.144-.357%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/mode-dual.svg?color=%231a73e8&size=48
