nintendoswitch logo

nintendoswitch from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
nintendoswitch
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the nintendoswitch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.176 24h3.674c3.376 0 6.15-2.774 6.15-6.15V6.15C24 2.775 21.226 0 17.85 0H14.1c-.074 0-.15.074-.15.15v23.7c-.001.076.075.15.226.15m4.574-13.199c1.351 0 2.399 1.125 2.399 2.398c0 1.352-1.125 2.4-2.399 2.4c-1.35 0-2.4-1.049-2.4-2.4c-.075-1.349 1.05-2.398 2.4-2.398M11.4 0H6.15C2.775 0 0 2.775 0 6.15v11.7C0 21.226 2.775 24 6.15 24h5.25c.074 0 .15-.074.15-.149V.15c.001-.076-.075-.15-.15-.15M9.676 22.051H6.15a4.194 4.194 0 0 1-4.201-4.201V6.15A4.194 4.194 0 0 1 6.15 1.949H9.6zM3.75 7.199c0 1.275.975 2.25 2.25 2.25s2.25-.975 2.25-2.25c0-1.273-.975-2.25-2.25-2.25s-2.25.977-2.25 2.25"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsNintendoswitch(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="M14.176 24h3.674c3.376 0 6.15-2.774 6.15-6.15V6.15C24 2.775 21.226 0 17.85 0H14.1c-.074 0-.15.074-.15.15v23.7c-.001.076.075.15.226.15m4.574-13.199c1.351 0 2.399 1.125 2.399 2.398c0 1.352-1.125 2.4-2.399 2.4c-1.35 0-2.4-1.049-2.4-2.4c-.075-1.349 1.05-2.398 2.4-2.398M11.4 0H6.15C2.775 0 0 2.775 0 6.15v11.7C0 21.226 2.775 24 6.15 24h5.25c.074 0 .15-.074.15-.149V.15c.001-.076-.075-.15-.15-.15M9.676 22.051H6.15a4.194 4.194 0 0 1-4.201-4.201V6.15A4.194 4.194 0 0 1 6.15 1.949H9.6zM3.75 7.199c0 1.275.975 2.25 2.25 2.25s2.25-.975 2.25-2.25c0-1.273-.975-2.25-2.25-2.25s-2.25.977-2.25 2.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.176 24h3.674c3.376 0 6.15-2.774 6.15-6.15V6.15C24 2.775 21.226 0 17.85 0H14.1c-.074 0-.15.074-.15.15v23.7c-.001.076.075.15.226.15m4.574-13.199c1.351 0 2.399 1.125 2.399 2.398c0 1.352-1.125 2.4-2.399 2.4c-1.35 0-2.4-1.049-2.4-2.4c-.075-1.349 1.05-2.398 2.4-2.398M11.4 0H6.15C2.775 0 0 2.775 0 6.15v11.7C0 21.226 2.775 24 6.15 24h5.25c.074 0 .15-.074.15-.149V.15c.001-.076-.075-.15-.15-.15M9.676 22.051H6.15a4.194 4.194 0 0 1-4.201-4.201V6.15A4.194 4.194 0 0 1 6.15 1.949H9.6zM3.75 7.199c0 1.275.975 2.25 2.25 2.25s2.25-.975 2.25-2.25c0-1.273-.975-2.25-2.25-2.25s-2.25.977-2.25 2.25"/></svg>
</template>

CSS

.icon-nintendoswitch {
  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%22M14.176%2024h3.674c3.376%200%206.15-2.774%206.15-6.15V6.15C24%202.775%2021.226%200%2017.85%200H14.1c-.074%200-.15.074-.15.15v23.7c-.001.076.075.15.226.15m4.574-13.199c1.351%200%202.399%201.125%202.399%202.398c0%201.352-1.125%202.4-2.399%202.4c-1.35%200-2.4-1.049-2.4-2.4c-.075-1.349%201.05-2.398%202.4-2.398M11.4%200H6.15C2.775%200%200%202.775%200%206.15v11.7C0%2021.226%202.775%2024%206.15%2024h5.25c.074%200%20.15-.074.15-.149V.15c.001-.076-.075-.15-.15-.15M9.676%2022.051H6.15a4.194%204.194%200%200%201-4.201-4.201V6.15A4.194%204.194%200%200%201%206.15%201.949H9.6zM3.75%207.199c0%201.275.975%202.25%202.25%202.25s2.25-.975%202.25-2.25c0-1.273-.975-2.25-2.25-2.25s-2.25.977-2.25%202.25%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%22M14.176%2024h3.674c3.376%200%206.15-2.774%206.15-6.15V6.15C24%202.775%2021.226%200%2017.85%200H14.1c-.074%200-.15.074-.15.15v23.7c-.001.076.075.15.226.15m4.574-13.199c1.351%200%202.399%201.125%202.399%202.398c0%201.352-1.125%202.4-2.399%202.4c-1.35%200-2.4-1.049-2.4-2.4c-.075-1.349%201.05-2.398%202.4-2.398M11.4%200H6.15C2.775%200%200%202.775%200%206.15v11.7C0%2021.226%202.775%2024%206.15%2024h5.25c.074%200%20.15-.074.15-.149V.15c.001-.076-.075-.15-.15-.15M9.676%2022.051H6.15a4.194%204.194%200%200%201-4.201-4.201V6.15A4.194%204.194%200%200%201%206.15%201.949H9.6zM3.75%207.199c0%201.275.975%202.25%202.25%202.25s2.25-.975%202.25-2.25c0-1.273-.975-2.25-2.25-2.25s-2.25.977-2.25%202.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/nintendoswitch.svg?color=%231a73e8&size=48