wii logo
wii from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- wii
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the wii logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.904 6.261a1.32 1.32 0 0 0-1.344 1.293v.018a1.325 1.325 0 0 0 1.344 1.305c.783 0 1.404-.579 1.404-1.305c.001-.732-.62-1.311-1.404-1.311m4.71 0c-.747 0-1.36.58-1.36 1.311c0 .711.613 1.305 1.361 1.305c.767 0 1.385-.579 1.385-1.305c0-.732-.618-1.311-1.386-1.311m-14.84.543c-.748 0-1.252.374-1.514 1.215c-.242.857-1.794 6.822-1.794 6.822L2.43 6.897H0s2.334 8.464 2.652 9.456c.241.765.84 1.386 1.7 1.386c1.009 0 1.479-.732 1.684-1.386c.225-.676 1.738-6.261 1.738-6.261s1.515 5.589 1.719 6.261c.225.653.69 1.386 1.682 1.386c.879 0 1.456-.621 1.72-1.386c.315-.99 2.657-9.456 2.657-9.456h-2.45l-2.021 7.944s-1.55-5.965-1.812-6.822c-.242-.844-.77-1.215-1.495-1.215m9.008 3.363v7.495h2.322v-7.495zm4.693 0v7.495h2.317v-7.495z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsWii(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.904 6.261a1.32 1.32 0 0 0-1.344 1.293v.018a1.325 1.325 0 0 0 1.344 1.305c.783 0 1.404-.579 1.404-1.305c.001-.732-.62-1.311-1.404-1.311m4.71 0c-.747 0-1.36.58-1.36 1.311c0 .711.613 1.305 1.361 1.305c.767 0 1.385-.579 1.385-1.305c0-.732-.618-1.311-1.386-1.311m-14.84.543c-.748 0-1.252.374-1.514 1.215c-.242.857-1.794 6.822-1.794 6.822L2.43 6.897H0s2.334 8.464 2.652 9.456c.241.765.84 1.386 1.7 1.386c1.009 0 1.479-.732 1.684-1.386c.225-.676 1.738-6.261 1.738-6.261s1.515 5.589 1.719 6.261c.225.653.69 1.386 1.682 1.386c.879 0 1.456-.621 1.72-1.386c.315-.99 2.657-9.456 2.657-9.456h-2.45l-2.021 7.944s-1.55-5.965-1.812-6.822c-.242-.844-.77-1.215-1.495-1.215m9.008 3.363v7.495h2.322v-7.495zm4.693 0v7.495h2.317v-7.495z"/></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.904 6.261a1.32 1.32 0 0 0-1.344 1.293v.018a1.325 1.325 0 0 0 1.344 1.305c.783 0 1.404-.579 1.404-1.305c.001-.732-.62-1.311-1.404-1.311m4.71 0c-.747 0-1.36.58-1.36 1.311c0 .711.613 1.305 1.361 1.305c.767 0 1.385-.579 1.385-1.305c0-.732-.618-1.311-1.386-1.311m-14.84.543c-.748 0-1.252.374-1.514 1.215c-.242.857-1.794 6.822-1.794 6.822L2.43 6.897H0s2.334 8.464 2.652 9.456c.241.765.84 1.386 1.7 1.386c1.009 0 1.479-.732 1.684-1.386c.225-.676 1.738-6.261 1.738-6.261s1.515 5.589 1.719 6.261c.225.653.69 1.386 1.682 1.386c.879 0 1.456-.621 1.72-1.386c.315-.99 2.657-9.456 2.657-9.456h-2.45l-2.021 7.944s-1.55-5.965-1.812-6.822c-.242-.844-.77-1.215-1.495-1.215m9.008 3.363v7.495h2.322v-7.495zm4.693 0v7.495h2.317v-7.495z"/></svg> </template>
CSS
.icon-wii {
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.904%206.261a1.32%201.32%200%200%200-1.344%201.293v.018a1.325%201.325%200%200%200%201.344%201.305c.783%200%201.404-.579%201.404-1.305c.001-.732-.62-1.311-1.404-1.311m4.71%200c-.747%200-1.36.58-1.36%201.311c0%20.711.613%201.305%201.361%201.305c.767%200%201.385-.579%201.385-1.305c0-.732-.618-1.311-1.386-1.311m-14.84.543c-.748%200-1.252.374-1.514%201.215c-.242.857-1.794%206.822-1.794%206.822L2.43%206.897H0s2.334%208.464%202.652%209.456c.241.765.84%201.386%201.7%201.386c1.009%200%201.479-.732%201.684-1.386c.225-.676%201.738-6.261%201.738-6.261s1.515%205.589%201.719%206.261c.225.653.69%201.386%201.682%201.386c.879%200%201.456-.621%201.72-1.386c.315-.99%202.657-9.456%202.657-9.456h-2.45l-2.021%207.944s-1.55-5.965-1.812-6.822c-.242-.844-.77-1.215-1.495-1.215m9.008%203.363v7.495h2.322v-7.495zm4.693%200v7.495h2.317v-7.495z%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.904%206.261a1.32%201.32%200%200%200-1.344%201.293v.018a1.325%201.325%200%200%200%201.344%201.305c.783%200%201.404-.579%201.404-1.305c.001-.732-.62-1.311-1.404-1.311m4.71%200c-.747%200-1.36.58-1.36%201.311c0%20.711.613%201.305%201.361%201.305c.767%200%201.385-.579%201.385-1.305c0-.732-.618-1.311-1.386-1.311m-14.84.543c-.748%200-1.252.374-1.514%201.215c-.242.857-1.794%206.822-1.794%206.822L2.43%206.897H0s2.334%208.464%202.652%209.456c.241.765.84%201.386%201.7%201.386c1.009%200%201.479-.732%201.684-1.386c.225-.676%201.738-6.261%201.738-6.261s1.515%205.589%201.719%206.261c.225.653.69%201.386%201.682%201.386c.879%200%201.456-.621%201.72-1.386c.315-.99%202.657-9.456%202.657-9.456h-2.45l-2.021%207.944s-1.55-5.965-1.812-6.822c-.242-.844-.77-1.215-1.495-1.215m9.008%203.363v7.495h2.322v-7.495zm4.693%200v7.495h2.317v-7.495z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/wii.svg?color=%231a73e8&size=48
