virtual reality vr 01 icon
virtual-reality-vr-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- virtual-reality-vr-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the virtual reality vr 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 9H7c-1.87 0-2.804 0-3.5.442c-.456.29-.835.706-1.098 1.208C2 11.416 2 12.444 2 14.5s0 3.084.402 3.85c.263.502.642.918 1.098 1.208C4.196 20 5.13 20 7 20c.613 0 .92 0 1.21-.047a3.85 3.85 0 0 0 2.083-1.073c.219-.215.415-.474.808-.993l.334-.44c.198-.263.298-.394.42-.446a.46.46 0 0 1 .315-.015c.125.039.235.16.454.4l.962 1.058c.238.263.357.394.482.51c.638.596 1.43.957 2.264 1.031c.162.015.33.015.668.015c1.87 0 2.804 0 3.5-.442c.456-.29.835-.706 1.098-1.208c.402-.766.402-1.794.402-3.85s0-3.084-.402-3.85A3.17 3.17 0 0 0 20.5 9.442C19.804 9 18.87 9 17 9Zm-1 4h2"/><path d="M22 15v-2.548c0-.98 0-1.47-.077-1.943a6 6 0 0 0-.157-.69c-.133-.455-.339-.875-.751-1.715c-.827-1.685-1.24-2.527-1.843-3.093a3.9 3.9 0 0 0-.97-.67C17.495 4 16.692 4 15.084 4H8.916c-1.607 0-2.41 0-3.117.34a3.9 3.9 0 0 0-.97.671c-.602.566-1.016 1.408-1.843 3.093c-.412.84-.618 1.26-.751 1.715a6 6 0 0 0-.157.69C2 10.982 2 11.472 2 12.452V15"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsVirtualRealityVr01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M17 9H7c-1.87 0-2.804 0-3.5.442c-.456.29-.835.706-1.098 1.208C2 11.416 2 12.444 2 14.5s0 3.084.402 3.85c.263.502.642.918 1.098 1.208C4.196 20 5.13 20 7 20c.613 0 .92 0 1.21-.047a3.85 3.85 0 0 0 2.083-1.073c.219-.215.415-.474.808-.993l.334-.44c.198-.263.298-.394.42-.446a.46.46 0 0 1 .315-.015c.125.039.235.16.454.4l.962 1.058c.238.263.357.394.482.51c.638.596 1.43.957 2.264 1.031c.162.015.33.015.668.015c1.87 0 2.804 0 3.5-.442c.456-.29.835-.706 1.098-1.208c.402-.766.402-1.794.402-3.85s0-3.084-.402-3.85A3.17 3.17 0 0 0 20.5 9.442C19.804 9 18.87 9 17 9Zm-1 4h2"/><path d="M22 15v-2.548c0-.98 0-1.47-.077-1.943a6 6 0 0 0-.157-.69c-.133-.455-.339-.875-.751-1.715c-.827-1.685-1.24-2.527-1.843-3.093a3.9 3.9 0 0 0-.97-.67C17.495 4 16.692 4 15.084 4H8.916c-1.607 0-2.41 0-3.117.34a3.9 3.9 0 0 0-.97.671c-.602.566-1.016 1.408-1.843 3.093c-.412.84-.618 1.26-.751 1.715a6 6 0 0 0-.157.69C2 10.982 2 11.472 2 12.452V15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 9H7c-1.87 0-2.804 0-3.5.442c-.456.29-.835.706-1.098 1.208C2 11.416 2 12.444 2 14.5s0 3.084.402 3.85c.263.502.642.918 1.098 1.208C4.196 20 5.13 20 7 20c.613 0 .92 0 1.21-.047a3.85 3.85 0 0 0 2.083-1.073c.219-.215.415-.474.808-.993l.334-.44c.198-.263.298-.394.42-.446a.46.46 0 0 1 .315-.015c.125.039.235.16.454.4l.962 1.058c.238.263.357.394.482.51c.638.596 1.43.957 2.264 1.031c.162.015.33.015.668.015c1.87 0 2.804 0 3.5-.442c.456-.29.835-.706 1.098-1.208c.402-.766.402-1.794.402-3.85s0-3.084-.402-3.85A3.17 3.17 0 0 0 20.5 9.442C19.804 9 18.87 9 17 9Zm-1 4h2"/><path d="M22 15v-2.548c0-.98 0-1.47-.077-1.943a6 6 0 0 0-.157-.69c-.133-.455-.339-.875-.751-1.715c-.827-1.685-1.24-2.527-1.843-3.093a3.9 3.9 0 0 0-.97-.67C17.495 4 16.692 4 15.084 4H8.916c-1.607 0-2.41 0-3.117.34a3.9 3.9 0 0 0-.97.671c-.602.566-1.016 1.408-1.843 3.093c-.412.84-.618 1.26-.751 1.715a6 6 0 0 0-.157.69C2 10.982 2 11.472 2 12.452V15"/></g></svg> </template>
CSS
.icon-virtual-reality-vr-01 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%209H7c-1.87%200-2.804%200-3.5.442c-.456.29-.835.706-1.098%201.208C2%2011.416%202%2012.444%202%2014.5s0%203.084.402%203.85c.263.502.642.918%201.098%201.208C4.196%2020%205.13%2020%207%2020c.613%200%20.92%200%201.21-.047a3.85%203.85%200%200%200%202.083-1.073c.219-.215.415-.474.808-.993l.334-.44c.198-.263.298-.394.42-.446a.46.46%200%200%201%20.315-.015c.125.039.235.16.454.4l.962%201.058c.238.263.357.394.482.51c.638.596%201.43.957%202.264%201.031c.162.015.33.015.668.015c1.87%200%202.804%200%203.5-.442c.456-.29.835-.706%201.098-1.208c.402-.766.402-1.794.402-3.85s0-3.084-.402-3.85A3.17%203.17%200%200%200%2020.5%209.442C19.804%209%2018.87%209%2017%209Zm-1%204h2%22%2F%3E%3Cpath%20d%3D%22M22%2015v-2.548c0-.98%200-1.47-.077-1.943a6%206%200%200%200-.157-.69c-.133-.455-.339-.875-.751-1.715c-.827-1.685-1.24-2.527-1.843-3.093a3.9%203.9%200%200%200-.97-.67C17.495%204%2016.692%204%2015.084%204H8.916c-1.607%200-2.41%200-3.117.34a3.9%203.9%200%200%200-.97.671c-.602.566-1.016%201.408-1.843%203.093c-.412.84-.618%201.26-.751%201.715a6%206%200%200%200-.157.69C2%2010.982%202%2011.472%202%2012.452V15%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%209H7c-1.87%200-2.804%200-3.5.442c-.456.29-.835.706-1.098%201.208C2%2011.416%202%2012.444%202%2014.5s0%203.084.402%203.85c.263.502.642.918%201.098%201.208C4.196%2020%205.13%2020%207%2020c.613%200%20.92%200%201.21-.047a3.85%203.85%200%200%200%202.083-1.073c.219-.215.415-.474.808-.993l.334-.44c.198-.263.298-.394.42-.446a.46.46%200%200%201%20.315-.015c.125.039.235.16.454.4l.962%201.058c.238.263.357.394.482.51c.638.596%201.43.957%202.264%201.031c.162.015.33.015.668.015c1.87%200%202.804%200%203.5-.442c.456-.29.835-.706%201.098-1.208c.402-.766.402-1.794.402-3.85s0-3.084-.402-3.85A3.17%203.17%200%200%200%2020.5%209.442C19.804%209%2018.87%209%2017%209Zm-1%204h2%22%2F%3E%3Cpath%20d%3D%22M22%2015v-2.548c0-.98%200-1.47-.077-1.943a6%206%200%200%200-.157-.69c-.133-.455-.339-.875-.751-1.715c-.827-1.685-1.24-2.527-1.843-3.093a3.9%203.9%200%200%200-.97-.67C17.495%204%2016.692%204%2015.084%204H8.916c-1.607%200-2.41%200-3.117.34a3.9%203.9%200%200%200-.97.671c-.602.566-1.016%201.408-1.843%203.093c-.412.84-.618%201.26-.751%201.715a6%206%200%200%200-.157.69C2%2010.982%202%2011.472%202%2012.452V15%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/virtual-reality-vr-01.svg?color=%231a73e8&size=48
