vr cardboard icon
vr-cardboard from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- vr-cardboard
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- vr-cardboard-solid
The same icon in other sets
More other icons from Line Awesome
Use the vr cardboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 5C6.172 5 4.996 6.074 4.5 7.063c-.2.394-.305.769-.375 1.093C2.906 8.54 2 9.664 2 11v13c0 1.645 1.355 3 3 3h7c1.32 0 2.52-.797 3.063-2h1.874A3.38 3.38 0 0 0 20 27h7c1.645 0 3-1.355 3-3V11c0-1.336-.906-2.46-2.125-2.844a4.5 4.5 0 0 0-.375-1.094C27.004 6.079 25.82 5 24 5zm0 2h16c1.148 0 1.457.422 1.719.938L25.75 8H6.25l.031-.063C6.54 7.426 6.84 7 8 7m-3 3h22c.566 0 1 .434 1 1v13c0 .566-.434 1-1 1h-7a1.36 1.36 0 0 1-1.25-.844l-1.031-2.75v-.031l-.032-.031a1.87 1.87 0 0 0-1.718-1.157a1.91 1.91 0 0 0-1.75 1.157l-.031.031v.063l-.938 2.718A1.37 1.37 0 0 1 12 25H5c-.566 0-1-.434-1-1V11c0-.566.434-1 1-1m5 3c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m12 0c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m-12 2c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m12 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m-6.031 7.438l.219.562h-.407z"/></svg>
React
import type { SVGProps } from "react";
export function LaVrCardboard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 5C6.172 5 4.996 6.074 4.5 7.063c-.2.394-.305.769-.375 1.093C2.906 8.54 2 9.664 2 11v13c0 1.645 1.355 3 3 3h7c1.32 0 2.52-.797 3.063-2h1.874A3.38 3.38 0 0 0 20 27h7c1.645 0 3-1.355 3-3V11c0-1.336-.906-2.46-2.125-2.844a4.5 4.5 0 0 0-.375-1.094C27.004 6.079 25.82 5 24 5zm0 2h16c1.148 0 1.457.422 1.719.938L25.75 8H6.25l.031-.063C6.54 7.426 6.84 7 8 7m-3 3h22c.566 0 1 .434 1 1v13c0 .566-.434 1-1 1h-7a1.36 1.36 0 0 1-1.25-.844l-1.031-2.75v-.031l-.032-.031a1.87 1.87 0 0 0-1.718-1.157a1.91 1.91 0 0 0-1.75 1.157l-.031.031v.063l-.938 2.718A1.37 1.37 0 0 1 12 25H5c-.566 0-1-.434-1-1V11c0-.566.434-1 1-1m5 3c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m12 0c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m-12 2c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m12 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m-6.031 7.438l.219.562h-.407z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 5C6.172 5 4.996 6.074 4.5 7.063c-.2.394-.305.769-.375 1.093C2.906 8.54 2 9.664 2 11v13c0 1.645 1.355 3 3 3h7c1.32 0 2.52-.797 3.063-2h1.874A3.38 3.38 0 0 0 20 27h7c1.645 0 3-1.355 3-3V11c0-1.336-.906-2.46-2.125-2.844a4.5 4.5 0 0 0-.375-1.094C27.004 6.079 25.82 5 24 5zm0 2h16c1.148 0 1.457.422 1.719.938L25.75 8H6.25l.031-.063C6.54 7.426 6.84 7 8 7m-3 3h22c.566 0 1 .434 1 1v13c0 .566-.434 1-1 1h-7a1.36 1.36 0 0 1-1.25-.844l-1.031-2.75v-.031l-.032-.031a1.87 1.87 0 0 0-1.718-1.157a1.91 1.91 0 0 0-1.75 1.157l-.031.031v.063l-.938 2.718A1.37 1.37 0 0 1 12 25H5c-.566 0-1-.434-1-1V11c0-.566.434-1 1-1m5 3c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m12 0c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m-12 2c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m12 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m-6.031 7.438l.219.562h-.407z"/></svg> </template>
CSS
.icon-vr-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%205C6.172%205%204.996%206.074%204.5%207.063c-.2.394-.305.769-.375%201.093C2.906%208.54%202%209.664%202%2011v13c0%201.645%201.355%203%203%203h7c1.32%200%202.52-.797%203.063-2h1.874A3.38%203.38%200%200%200%2020%2027h7c1.645%200%203-1.355%203-3V11c0-1.336-.906-2.46-2.125-2.844a4.5%204.5%200%200%200-.375-1.094C27.004%206.079%2025.82%205%2024%205zm0%202h16c1.148%200%201.457.422%201.719.938L25.75%208H6.25l.031-.063C6.54%207.426%206.84%207%208%207m-3%203h22c.566%200%201%20.434%201%201v13c0%20.566-.434%201-1%201h-7a1.36%201.36%200%200%201-1.25-.844l-1.031-2.75v-.031l-.032-.031a1.87%201.87%200%200%200-1.718-1.157a1.91%201.91%200%200%200-1.75%201.157l-.031.031v.063l-.938%202.718A1.37%201.37%200%200%201%2012%2025H5c-.566%200-1-.434-1-1V11c0-.566.434-1%201-1m5%203c-2.2%200-4%201.8-4%204s1.8%204%204%204s4-1.8%204-4s-1.8-4-4-4m12%200c-2.2%200-4%201.8-4%204s1.8%204%204%204s4-1.8%204-4s-1.8-4-4-4m-12%202c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m12%200c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m-6.031%207.438l.219.562h-.407z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%205C6.172%205%204.996%206.074%204.5%207.063c-.2.394-.305.769-.375%201.093C2.906%208.54%202%209.664%202%2011v13c0%201.645%201.355%203%203%203h7c1.32%200%202.52-.797%203.063-2h1.874A3.38%203.38%200%200%200%2020%2027h7c1.645%200%203-1.355%203-3V11c0-1.336-.906-2.46-2.125-2.844a4.5%204.5%200%200%200-.375-1.094C27.004%206.079%2025.82%205%2024%205zm0%202h16c1.148%200%201.457.422%201.719.938L25.75%208H6.25l.031-.063C6.54%207.426%206.84%207%208%207m-3%203h22c.566%200%201%20.434%201%201v13c0%20.566-.434%201-1%201h-7a1.36%201.36%200%200%201-1.25-.844l-1.031-2.75v-.031l-.032-.031a1.87%201.87%200%200%200-1.718-1.157a1.91%201.91%200%200%200-1.75%201.157l-.031.031v.063l-.938%202.718A1.37%201.37%200%200%201%2012%2025H5c-.566%200-1-.434-1-1V11c0-.566.434-1%201-1m5%203c-2.2%200-4%201.8-4%204s1.8%204%204%204s4-1.8%204-4s-1.8-4-4-4m12%200c-2.2%200-4%201.8-4%204s1.8%204%204%204s4-1.8%204-4s-1.8-4-4-4m-12%202c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m12%200c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m-6.031%207.438l.219.562h-.407z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/vr-cardboard.svg?color=%231a73e8&size=48
