google cardboard icon
google-cardboard from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.
- Name
- google-cardboard
- Set
- Material Design Icons
- Style
- Filled
- Category
- Brand / Logo
- Viewbox
- 24×24
- License
- Apache 2.0
More brand / logo icons from Material Design Icons
Use the google cardboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.74 6H3.2C2.55 6 2 6.57 2 7.27v10.46c0 .7.55 1.27 1.23 1.27H8c.54 0 1-.32 1.16-.79l1.39-3.47c.24-.58.8-.99 1.45-.99s1.21.41 1.45.99l1.39 3.47c.19.47.62.79 1.11.79h4.79c.71 0 1.26-.57 1.26-1.27V7.27c0-.7-.55-1.27-1.26-1.27M7.22 14.58C6 14.58 5 13.55 5 12.29C5 11 6 10 7.22 10s2.21 1 2.21 2.29c0 1.26-.99 2.29-2.21 2.29m9.56 0c-1.22 0-2.21-1.03-2.21-2.29S15.56 10 16.78 10S19 11.03 19 12.29s-1 2.29-2.22 2.29"/></svg>
React
import type { SVGProps } from "react";
export function MdiGoogleCardboard(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="M20.74 6H3.2C2.55 6 2 6.57 2 7.27v10.46c0 .7.55 1.27 1.23 1.27H8c.54 0 1-.32 1.16-.79l1.39-3.47c.24-.58.8-.99 1.45-.99s1.21.41 1.45.99l1.39 3.47c.19.47.62.79 1.11.79h4.79c.71 0 1.26-.57 1.26-1.27V7.27c0-.7-.55-1.27-1.26-1.27M7.22 14.58C6 14.58 5 13.55 5 12.29C5 11 6 10 7.22 10s2.21 1 2.21 2.29c0 1.26-.99 2.29-2.21 2.29m9.56 0c-1.22 0-2.21-1.03-2.21-2.29S15.56 10 16.78 10S19 11.03 19 12.29s-1 2.29-2.22 2.29"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.74 6H3.2C2.55 6 2 6.57 2 7.27v10.46c0 .7.55 1.27 1.23 1.27H8c.54 0 1-.32 1.16-.79l1.39-3.47c.24-.58.8-.99 1.45-.99s1.21.41 1.45.99l1.39 3.47c.19.47.62.79 1.11.79h4.79c.71 0 1.26-.57 1.26-1.27V7.27c0-.7-.55-1.27-1.26-1.27M7.22 14.58C6 14.58 5 13.55 5 12.29C5 11 6 10 7.22 10s2.21 1 2.21 2.29c0 1.26-.99 2.29-2.21 2.29m9.56 0c-1.22 0-2.21-1.03-2.21-2.29S15.56 10 16.78 10S19 11.03 19 12.29s-1 2.29-2.22 2.29"/></svg> </template>
CSS
.icon-google-cardboard {
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%22M20.74%206H3.2C2.55%206%202%206.57%202%207.27v10.46c0%20.7.55%201.27%201.23%201.27H8c.54%200%201-.32%201.16-.79l1.39-3.47c.24-.58.8-.99%201.45-.99s1.21.41%201.45.99l1.39%203.47c.19.47.62.79%201.11.79h4.79c.71%200%201.26-.57%201.26-1.27V7.27c0-.7-.55-1.27-1.26-1.27M7.22%2014.58C6%2014.58%205%2013.55%205%2012.29C5%2011%206%2010%207.22%2010s2.21%201%202.21%202.29c0%201.26-.99%202.29-2.21%202.29m9.56%200c-1.22%200-2.21-1.03-2.21-2.29S15.56%2010%2016.78%2010S19%2011.03%2019%2012.29s-1%202.29-2.22%202.29%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%22M20.74%206H3.2C2.55%206%202%206.57%202%207.27v10.46c0%20.7.55%201.27%201.23%201.27H8c.54%200%201-.32%201.16-.79l1.39-3.47c.24-.58.8-.99%201.45-.99s1.21.41%201.45.99l1.39%203.47c.19.47.62.79%201.11.79h4.79c.71%200%201.26-.57%201.26-1.27V7.27c0-.7-.55-1.27-1.26-1.27M7.22%2014.58C6%2014.58%205%2013.55%205%2012.29C5%2011%206%2010%207.22%2010s2.21%201%202.21%202.29c0%201.26-.99%202.29-2.21%202.29m9.56%200c-1.22%200-2.21-1.03-2.21-2.29S15.56%2010%2016.78%2010S19%2011.03%2019%2012.29s-1%202.29-2.22%202.29%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/google-cardboard.svg?color=%231a73e8&size=48
