nintendo switch icon
nintendo-switch from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- nintendo-switch
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- nintendo-switch-online
The same icon in other sets
More brand / logo icons from Material Design Icons
Use the nintendo switch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.04 20.4H7.12c-.93 0-1.82-.4-2.48-1.04C4 18.7 3.6 17.81 3.6 16.88V7.12c0-.93.4-1.82 1.04-2.48C5.3 4 6.19 3.62 7.12 3.62h2.92zM7.12 2A5.12 5.12 0 0 0 2 7.12v9.76C2 19.71 4.29 22 7.12 22h4.53V2zM5.11 8c0 1.04.84 1.88 1.89 1.88c1.03 0 1.87-.84 1.87-1.88S8.03 6.12 7 6.12c-1.05 0-1.89.84-1.89 1.88m12.5 3c1.11 0 2.01.89 2.01 2c0 1.12-.9 2-2.01 2s-2.03-.88-2.03-2c0-1.11.92-2 2.03-2m-.73 11A5.12 5.12 0 0 0 22 16.88V7.12C22 4.29 19.71 2 16.88 2h-3.23v20z"/></svg>
React
import type { SVGProps } from "react";
export function MdiNintendoSwitch(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="M10.04 20.4H7.12c-.93 0-1.82-.4-2.48-1.04C4 18.7 3.6 17.81 3.6 16.88V7.12c0-.93.4-1.82 1.04-2.48C5.3 4 6.19 3.62 7.12 3.62h2.92zM7.12 2A5.12 5.12 0 0 0 2 7.12v9.76C2 19.71 4.29 22 7.12 22h4.53V2zM5.11 8c0 1.04.84 1.88 1.89 1.88c1.03 0 1.87-.84 1.87-1.88S8.03 6.12 7 6.12c-1.05 0-1.89.84-1.89 1.88m12.5 3c1.11 0 2.01.89 2.01 2c0 1.12-.9 2-2.01 2s-2.03-.88-2.03-2c0-1.11.92-2 2.03-2m-.73 11A5.12 5.12 0 0 0 22 16.88V7.12C22 4.29 19.71 2 16.88 2h-3.23v20z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.04 20.4H7.12c-.93 0-1.82-.4-2.48-1.04C4 18.7 3.6 17.81 3.6 16.88V7.12c0-.93.4-1.82 1.04-2.48C5.3 4 6.19 3.62 7.12 3.62h2.92zM7.12 2A5.12 5.12 0 0 0 2 7.12v9.76C2 19.71 4.29 22 7.12 22h4.53V2zM5.11 8c0 1.04.84 1.88 1.89 1.88c1.03 0 1.87-.84 1.87-1.88S8.03 6.12 7 6.12c-1.05 0-1.89.84-1.89 1.88m12.5 3c1.11 0 2.01.89 2.01 2c0 1.12-.9 2-2.01 2s-2.03-.88-2.03-2c0-1.11.92-2 2.03-2m-.73 11A5.12 5.12 0 0 0 22 16.88V7.12C22 4.29 19.71 2 16.88 2h-3.23v20z"/></svg> </template>
CSS
.icon-nintendo-switch {
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%22M10.04%2020.4H7.12c-.93%200-1.82-.4-2.48-1.04C4%2018.7%203.6%2017.81%203.6%2016.88V7.12c0-.93.4-1.82%201.04-2.48C5.3%204%206.19%203.62%207.12%203.62h2.92zM7.12%202A5.12%205.12%200%200%200%202%207.12v9.76C2%2019.71%204.29%2022%207.12%2022h4.53V2zM5.11%208c0%201.04.84%201.88%201.89%201.88c1.03%200%201.87-.84%201.87-1.88S8.03%206.12%207%206.12c-1.05%200-1.89.84-1.89%201.88m12.5%203c1.11%200%202.01.89%202.01%202c0%201.12-.9%202-2.01%202s-2.03-.88-2.03-2c0-1.11.92-2%202.03-2m-.73%2011A5.12%205.12%200%200%200%2022%2016.88V7.12C22%204.29%2019.71%202%2016.88%202h-3.23v20z%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%22M10.04%2020.4H7.12c-.93%200-1.82-.4-2.48-1.04C4%2018.7%203.6%2017.81%203.6%2016.88V7.12c0-.93.4-1.82%201.04-2.48C5.3%204%206.19%203.62%207.12%203.62h2.92zM7.12%202A5.12%205.12%200%200%200%202%207.12v9.76C2%2019.71%204.29%2022%207.12%2022h4.53V2zM5.11%208c0%201.04.84%201.88%201.89%201.88c1.03%200%201.87-.84%201.87-1.88S8.03%206.12%207%206.12c-1.05%200-1.89.84-1.89%201.88m12.5%203c1.11%200%202.01.89%202.01%202c0%201.12-.9%202-2.01%202s-2.03-.88-2.03-2c0-1.11.92-2%202.03-2m-.73%2011A5.12%205.12%200%200%200%2022%2016.88V7.12C22%204.29%2019.71%202%2016.88%202h-3.23v20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/nintendo-switch.svg?color=%231a73e8&size=48
