vr icon
vr from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- vr
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the vr icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.5 7.5A.5.5 0 0 1 6 8H4a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M12 7h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m4-.5v2a.5.5 0 0 1-.5.5H15v1.295A2.71 2.71 0 0 1 12.295 13h-1.59a2.67 2.67 0 0 1-2.278-1.273c-.174-.279-.68-.279-.854 0A2.67 2.67 0 0 1 5.295 13h-1.59A2.71 2.71 0 0 1 1 10.295V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6H1v-.295A2.71 2.71 0 0 1 3.705 3H6v-.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V3h2.295A2.71 2.71 0 0 1 15 5.705V6h.5a.5.5 0 0 1 .5.5m-2-.795C14 4.765 13.235 4 12.295 4h-8.59C2.765 4 2 4.765 2 5.705v4.59C2 11.235 2.765 12 3.705 12h1.59c.583 0 1.117-.299 1.429-.801A1.51 1.51 0 0 1 8 10.5c.519 0 1.009.268 1.276.699c.312.501.846.801 1.429.801h1.59c.94 0 1.705-.765 1.705-1.705z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconVr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.5 7.5A.5.5 0 0 1 6 8H4a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M12 7h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m4-.5v2a.5.5 0 0 1-.5.5H15v1.295A2.71 2.71 0 0 1 12.295 13h-1.59a2.67 2.67 0 0 1-2.278-1.273c-.174-.279-.68-.279-.854 0A2.67 2.67 0 0 1 5.295 13h-1.59A2.71 2.71 0 0 1 1 10.295V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6H1v-.295A2.71 2.71 0 0 1 3.705 3H6v-.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V3h2.295A2.71 2.71 0 0 1 15 5.705V6h.5a.5.5 0 0 1 .5.5m-2-.795C14 4.765 13.235 4 12.295 4h-8.59C2.765 4 2 4.765 2 5.705v4.59C2 11.235 2.765 12 3.705 12h1.59c.583 0 1.117-.299 1.429-.801A1.51 1.51 0 0 1 8 10.5c.519 0 1.009.268 1.276.699c.312.501.846.801 1.429.801h1.59c.94 0 1.705-.765 1.705-1.705z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.5 7.5A.5.5 0 0 1 6 8H4a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M12 7h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m4-.5v2a.5.5 0 0 1-.5.5H15v1.295A2.71 2.71 0 0 1 12.295 13h-1.59a2.67 2.67 0 0 1-2.278-1.273c-.174-.279-.68-.279-.854 0A2.67 2.67 0 0 1 5.295 13h-1.59A2.71 2.71 0 0 1 1 10.295V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6H1v-.295A2.71 2.71 0 0 1 3.705 3H6v-.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V3h2.295A2.71 2.71 0 0 1 15 5.705V6h.5a.5.5 0 0 1 .5.5m-2-.795C14 4.765 13.235 4 12.295 4h-8.59C2.765 4 2 4.765 2 5.705v4.59C2 11.235 2.765 12 3.705 12h1.59c.583 0 1.117-.299 1.429-.801A1.51 1.51 0 0 1 8 10.5c.519 0 1.009.268 1.276.699c.312.501.846.801 1.429.801h1.59c.94 0 1.705-.765 1.705-1.705z"/></svg> </template>
CSS
.icon-vr {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%207.5A.5.5%200%200%201%206%208H4a.5.5%200%200%201%200-1h2a.5.5%200%200%201%20.5.5M12%207h-2a.5.5%200%200%200%200%201h2a.5.5%200%200%200%200-1m4-.5v2a.5.5%200%200%201-.5.5H15v1.295A2.71%202.71%200%200%201%2012.295%2013h-1.59a2.67%202.67%200%200%201-2.278-1.273c-.174-.279-.68-.279-.854%200A2.67%202.67%200%200%201%205.295%2013h-1.59A2.71%202.71%200%200%201%201%2010.295V9H.5a.5.5%200%200%201-.5-.5v-2A.5.5%200%200%201%20.5%206H1v-.295A2.71%202.71%200%200%201%203.705%203H6v-.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%20.5.5V3h2.295A2.71%202.71%200%200%201%2015%205.705V6h.5a.5.5%200%200%201%20.5.5m-2-.795C14%204.765%2013.235%204%2012.295%204h-8.59C2.765%204%202%204.765%202%205.705v4.59C2%2011.235%202.765%2012%203.705%2012h1.59c.583%200%201.117-.299%201.429-.801A1.51%201.51%200%200%201%208%2010.5c.519%200%201.009.268%201.276.699c.312.501.846.801%201.429.801h1.59c.94%200%201.705-.765%201.705-1.705z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%207.5A.5.5%200%200%201%206%208H4a.5.5%200%200%201%200-1h2a.5.5%200%200%201%20.5.5M12%207h-2a.5.5%200%200%200%200%201h2a.5.5%200%200%200%200-1m4-.5v2a.5.5%200%200%201-.5.5H15v1.295A2.71%202.71%200%200%201%2012.295%2013h-1.59a2.67%202.67%200%200%201-2.278-1.273c-.174-.279-.68-.279-.854%200A2.67%202.67%200%200%201%205.295%2013h-1.59A2.71%202.71%200%200%201%201%2010.295V9H.5a.5.5%200%200%201-.5-.5v-2A.5.5%200%200%201%20.5%206H1v-.295A2.71%202.71%200%200%201%203.705%203H6v-.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%20.5.5V3h2.295A2.71%202.71%200%200%201%2015%205.705V6h.5a.5.5%200%200%201%20.5.5m-2-.795C14%204.765%2013.235%204%2012.295%204h-8.59C2.765%204%202%204.765%202%205.705v4.59C2%2011.235%202.765%2012%203.705%2012h1.59c.583%200%201.117-.299%201.429-.801A1.51%201.51%200%200%201%208%2010.5c.519%200%201.009.268%201.276.699c.312.501.846.801%201.429.801h1.59c.94%200%201.705-.765%201.705-1.705z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/vr.svg?color=%231a73e8&size=48
