ar on you icon
ar-on-you-outline from Material Symbols Light by Google · Outline · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- ar-on-you-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the ar on you icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.964 7.034Q19 9.067 19 11.997t-2.033 4.967T12.003 19t-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034m-.714 9.216Q18 14.5 18 12t-1.75-4.25T12 6T7.75 7.75T6 12t1.75 4.25T12 18t4.25-1.75m-2.311-1.707q.872-.572 1.292-1.543H8.769q.42.971 1.292 1.543q.873.573 1.939.573t1.939-.573m-4.936-3.965q.233.23.577.23t.575-.233t.23-.578t-.233-.575q-.234-.23-.578-.23t-.575.234t-.23.577t.234.575m4.846 0q.233.23.578.23t.574-.233t.23-.578t-.233-.575t-.578-.23t-.575.234t-.23.577t.234.575M2 6V3.616q0-.667.475-1.142T3.614 2H6v1H3.616q-.27 0-.443.173T3 3.616V6zm4 16H3.616q-.667 0-1.142-.475T2 20.386V18h1v2.385q0 .269.173.442t.443.173H6zm12-.192v-1h2.385q.269 0 .442-.174q.173-.173.173-.442v-2.384h1v2.384q0 .667-.475 1.141t-1.14.475zM21 6V3.616q0-.27-.173-.443T20.385 3H18V2h2.385q.666 0 1.14.475T22 3.614V6zm-9 6"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightArOnYouOutline(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="M16.964 7.034Q19 9.067 19 11.997t-2.033 4.967T12.003 19t-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034m-.714 9.216Q18 14.5 18 12t-1.75-4.25T12 6T7.75 7.75T6 12t1.75 4.25T12 18t4.25-1.75m-2.311-1.707q.872-.572 1.292-1.543H8.769q.42.971 1.292 1.543q.873.573 1.939.573t1.939-.573m-4.936-3.965q.233.23.577.23t.575-.233t.23-.578t-.233-.575q-.234-.23-.578-.23t-.575.234t-.23.577t.234.575m4.846 0q.233.23.578.23t.574-.233t.23-.578t-.233-.575t-.578-.23t-.575.234t-.23.577t.234.575M2 6V3.616q0-.667.475-1.142T3.614 2H6v1H3.616q-.27 0-.443.173T3 3.616V6zm4 16H3.616q-.667 0-1.142-.475T2 20.386V18h1v2.385q0 .269.173.442t.443.173H6zm12-.192v-1h2.385q.269 0 .442-.174q.173-.173.173-.442v-2.384h1v2.384q0 .667-.475 1.141t-1.14.475zM21 6V3.616q0-.27-.173-.443T20.385 3H18V2h2.385q.666 0 1.14.475T22 3.614V6zm-9 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.964 7.034Q19 9.067 19 11.997t-2.033 4.967T12.003 19t-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034m-.714 9.216Q18 14.5 18 12t-1.75-4.25T12 6T7.75 7.75T6 12t1.75 4.25T12 18t4.25-1.75m-2.311-1.707q.872-.572 1.292-1.543H8.769q.42.971 1.292 1.543q.873.573 1.939.573t1.939-.573m-4.936-3.965q.233.23.577.23t.575-.233t.23-.578t-.233-.575q-.234-.23-.578-.23t-.575.234t-.23.577t.234.575m4.846 0q.233.23.578.23t.574-.233t.23-.578t-.233-.575t-.578-.23t-.575.234t-.23.577t.234.575M2 6V3.616q0-.667.475-1.142T3.614 2H6v1H3.616q-.27 0-.443.173T3 3.616V6zm4 16H3.616q-.667 0-1.142-.475T2 20.386V18h1v2.385q0 .269.173.442t.443.173H6zm12-.192v-1h2.385q.269 0 .442-.174q.173-.173.173-.442v-2.384h1v2.384q0 .667-.475 1.141t-1.14.475zM21 6V3.616q0-.27-.173-.443T20.385 3H18V2h2.385q.666 0 1.14.475T22 3.614V6zm-9 6"/></svg> </template>
CSS
.icon-ar-on-you-outline {
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%22M16.964%207.034Q19%209.067%2019%2011.997t-2.033%204.967T12.003%2019t-4.966-2.033T5%2012.003t2.034-4.966T11.997%205t4.967%202.034m-.714%209.216Q18%2014.5%2018%2012t-1.75-4.25T12%206T7.75%207.75T6%2012t1.75%204.25T12%2018t4.25-1.75m-2.311-1.707q.872-.572%201.292-1.543H8.769q.42.971%201.292%201.543q.873.573%201.939.573t1.939-.573m-4.936-3.965q.233.23.577.23t.575-.233t.23-.578t-.233-.575q-.234-.23-.578-.23t-.575.234t-.23.577t.234.575m4.846%200q.233.23.578.23t.574-.233t.23-.578t-.233-.575t-.578-.23t-.575.234t-.23.577t.234.575M2%206V3.616q0-.667.475-1.142T3.614%202H6v1H3.616q-.27%200-.443.173T3%203.616V6zm4%2016H3.616q-.667%200-1.142-.475T2%2020.386V18h1v2.385q0%20.269.173.442t.443.173H6zm12-.192v-1h2.385q.269%200%20.442-.174q.173-.173.173-.442v-2.384h1v2.384q0%20.667-.475%201.141t-1.14.475zM21%206V3.616q0-.27-.173-.443T20.385%203H18V2h2.385q.666%200%201.14.475T22%203.614V6zm-9%206%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%22M16.964%207.034Q19%209.067%2019%2011.997t-2.033%204.967T12.003%2019t-4.966-2.033T5%2012.003t2.034-4.966T11.997%205t4.967%202.034m-.714%209.216Q18%2014.5%2018%2012t-1.75-4.25T12%206T7.75%207.75T6%2012t1.75%204.25T12%2018t4.25-1.75m-2.311-1.707q.872-.572%201.292-1.543H8.769q.42.971%201.292%201.543q.873.573%201.939.573t1.939-.573m-4.936-3.965q.233.23.577.23t.575-.233t.23-.578t-.233-.575q-.234-.23-.578-.23t-.575.234t-.23.577t.234.575m4.846%200q.233.23.578.23t.574-.233t.23-.578t-.233-.575t-.578-.23t-.575.234t-.23.577t.234.575M2%206V3.616q0-.667.475-1.142T3.614%202H6v1H3.616q-.27%200-.443.173T3%203.616V6zm4%2016H3.616q-.667%200-1.142-.475T2%2020.386V18h1v2.385q0%20.269.173.442t.443.173H6zm12-.192v-1h2.385q.269%200%20.442-.174q.173-.173.173-.442v-2.384h1v2.384q0%20.667-.475%201.141t-1.14.475zM21%206V3.616q0-.27-.173-.443T20.385%203H18V2h2.385q.666%200%201.14.475T22%203.614V6zm-9%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/ar-on-you-outline.svg?color=%231a73e8&size=48
