video person sparkle off icon
video-person-sparkle-off-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- video-person-sparkle-off-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
video-360-20-filledvideo-360-off-20-filledvideo-add-20-filledvideo-background-effect-16-filledvideo-background-effect-horizontal-16-filledvideo-bluetooth-16-filledvideo-chat-16-filledvideo-clip-16-filledvideo-clip-multiple-16-filledvideo-clip-off-16-filledvideo-clip-optimize-16-filledvideo-clip-wand-16-filledvideo-link-24-filledvideo-multiple-16-filledvideo-off-16-filledvideo-people-32-filledvideo-person-12-filledvideo-person-call-16-filledvideo-person-clock-16-filledvideo-person-off-20-filledvideo-person-pulse-16-filledvideo-person-sparkle-16-filledvideo-person-star-20-filledvideo-person-star-off-20-filled
Use the video person sparkle off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.305 4.013l-1.159-1.16a.5.5 0 1 1 .708-.707l15 15a.5.5 0 0 1-.708.708L15.293 16H3.5A1.5 1.5 0 0 1 2 14.5v-9a1.5 1.5 0 0 1 1.305-1.487M12.293 13H7.5a.5.5 0 0 0-.5.5V15h6v-1.293zm-1-1l-1.015-1.015Q10.14 11 10 11a2.5 2.5 0 0 1-2.485-2.778L4.293 5H3.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5H6v-1.5A1.5 1.5 0 0 1 7.5 12zM8.57 6.449l.726.726a1.5 1.5 0 0 1 2.029 2.029l.726.726a2.5 2.5 0 0 0-3.48-3.48m9.05 9.05l-.711-.711A.5.5 0 0 0 17 14.5v-1.6q.239.099.502.1c.173 0 .341-.021.498-.079V14.5c0 .383-.144.733-.38.998M6.12 4l1 1h2.97a1.4 1.4 0 0 1-.09-.504q0-.26.088-.496zm9.105-1.647l-.348-1.07a.423.423 0 0 0-.799 0l-.348 1.07a2.2 2.2 0 0 1-1.377 1.397l-1.071.348a.423.423 0 0 0 0 .798l1.071.348a2.2 2.2 0 0 1 1.399 1.403l.348 1.07a.423.423 0 0 0 .798 0l.349-1.07a2.2 2.2 0 0 1 1.398-1.397l1.072-.348a.423.423 0 0 0 0-.798l-.022-.006l-1.072-.348a2.2 2.2 0 0 1-1.398-1.397m3.791 6.612l.766.248l.015.004a.303.303 0 0 1 0 .57l-.765.248a1.58 1.58 0 0 0-1 .999l-.248.764a.302.302 0 0 1-.57 0l-.249-.764a1.58 1.58 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1 0-.57l.765-.248a1.58 1.58 0 0 0 .984-.999l.249-.764a.302.302 0 0 1 .57 0l.249.764a1.58 1.58 0 0 0 .999.999"/></svg>
React
import type { SVGProps } from "react";
export function FluentVideoPersonSparkleOff20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.305 4.013l-1.159-1.16a.5.5 0 1 1 .708-.707l15 15a.5.5 0 0 1-.708.708L15.293 16H3.5A1.5 1.5 0 0 1 2 14.5v-9a1.5 1.5 0 0 1 1.305-1.487M12.293 13H7.5a.5.5 0 0 0-.5.5V15h6v-1.293zm-1-1l-1.015-1.015Q10.14 11 10 11a2.5 2.5 0 0 1-2.485-2.778L4.293 5H3.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5H6v-1.5A1.5 1.5 0 0 1 7.5 12zM8.57 6.449l.726.726a1.5 1.5 0 0 1 2.029 2.029l.726.726a2.5 2.5 0 0 0-3.48-3.48m9.05 9.05l-.711-.711A.5.5 0 0 0 17 14.5v-1.6q.239.099.502.1c.173 0 .341-.021.498-.079V14.5c0 .383-.144.733-.38.998M6.12 4l1 1h2.97a1.4 1.4 0 0 1-.09-.504q0-.26.088-.496zm9.105-1.647l-.348-1.07a.423.423 0 0 0-.799 0l-.348 1.07a2.2 2.2 0 0 1-1.377 1.397l-1.071.348a.423.423 0 0 0 0 .798l1.071.348a2.2 2.2 0 0 1 1.399 1.403l.348 1.07a.423.423 0 0 0 .798 0l.349-1.07a2.2 2.2 0 0 1 1.398-1.397l1.072-.348a.423.423 0 0 0 0-.798l-.022-.006l-1.072-.348a2.2 2.2 0 0 1-1.398-1.397m3.791 6.612l.766.248l.015.004a.303.303 0 0 1 0 .57l-.765.248a1.58 1.58 0 0 0-1 .999l-.248.764a.302.302 0 0 1-.57 0l-.249-.764a1.58 1.58 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1 0-.57l.765-.248a1.58 1.58 0 0 0 .984-.999l.249-.764a.302.302 0 0 1 .57 0l.249.764a1.58 1.58 0 0 0 .999.999"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.305 4.013l-1.159-1.16a.5.5 0 1 1 .708-.707l15 15a.5.5 0 0 1-.708.708L15.293 16H3.5A1.5 1.5 0 0 1 2 14.5v-9a1.5 1.5 0 0 1 1.305-1.487M12.293 13H7.5a.5.5 0 0 0-.5.5V15h6v-1.293zm-1-1l-1.015-1.015Q10.14 11 10 11a2.5 2.5 0 0 1-2.485-2.778L4.293 5H3.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5H6v-1.5A1.5 1.5 0 0 1 7.5 12zM8.57 6.449l.726.726a1.5 1.5 0 0 1 2.029 2.029l.726.726a2.5 2.5 0 0 0-3.48-3.48m9.05 9.05l-.711-.711A.5.5 0 0 0 17 14.5v-1.6q.239.099.502.1c.173 0 .341-.021.498-.079V14.5c0 .383-.144.733-.38.998M6.12 4l1 1h2.97a1.4 1.4 0 0 1-.09-.504q0-.26.088-.496zm9.105-1.647l-.348-1.07a.423.423 0 0 0-.799 0l-.348 1.07a2.2 2.2 0 0 1-1.377 1.397l-1.071.348a.423.423 0 0 0 0 .798l1.071.348a2.2 2.2 0 0 1 1.399 1.403l.348 1.07a.423.423 0 0 0 .798 0l.349-1.07a2.2 2.2 0 0 1 1.398-1.397l1.072-.348a.423.423 0 0 0 0-.798l-.022-.006l-1.072-.348a2.2 2.2 0 0 1-1.398-1.397m3.791 6.612l.766.248l.015.004a.303.303 0 0 1 0 .57l-.765.248a1.58 1.58 0 0 0-1 .999l-.248.764a.302.302 0 0 1-.57 0l-.249-.764a1.58 1.58 0 0 0-.999-1.002l-.765-.249a.303.303 0 0 1 0-.57l.765-.248a1.58 1.58 0 0 0 .984-.999l.249-.764a.302.302 0 0 1 .57 0l.249.764a1.58 1.58 0 0 0 .999.999"/></svg> </template>
CSS
.icon-video-person-sparkle-off-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.305%204.013l-1.159-1.16a.5.5%200%201%201%20.708-.707l15%2015a.5.5%200%200%201-.708.708L15.293%2016H3.5A1.5%201.5%200%200%201%202%2014.5v-9a1.5%201.5%200%200%201%201.305-1.487M12.293%2013H7.5a.5.5%200%200%200-.5.5V15h6v-1.293zm-1-1l-1.015-1.015Q10.14%2011%2010%2011a2.5%202.5%200%200%201-2.485-2.778L4.293%205H3.5a.5.5%200%200%200-.5.5v9a.5.5%200%200%200%20.5.5H6v-1.5A1.5%201.5%200%200%201%207.5%2012zM8.57%206.449l.726.726a1.5%201.5%200%200%201%202.029%202.029l.726.726a2.5%202.5%200%200%200-3.48-3.48m9.05%209.05l-.711-.711A.5.5%200%200%200%2017%2014.5v-1.6q.239.099.502.1c.173%200%20.341-.021.498-.079V14.5c0%20.383-.144.733-.38.998M6.12%204l1%201h2.97a1.4%201.4%200%200%201-.09-.504q0-.26.088-.496zm9.105-1.647l-.348-1.07a.423.423%200%200%200-.799%200l-.348%201.07a2.2%202.2%200%200%201-1.377%201.397l-1.071.348a.423.423%200%200%200%200%20.798l1.071.348a2.2%202.2%200%200%201%201.399%201.403l.348%201.07a.423.423%200%200%200%20.798%200l.349-1.07a2.2%202.2%200%200%201%201.398-1.397l1.072-.348a.423.423%200%200%200%200-.798l-.022-.006l-1.072-.348a2.2%202.2%200%200%201-1.398-1.397m3.791%206.612l.766.248l.015.004a.303.303%200%200%201%200%20.57l-.765.248a1.58%201.58%200%200%200-1%20.999l-.248.764a.302.302%200%200%201-.57%200l-.249-.764a1.58%201.58%200%200%200-.999-1.002l-.765-.249a.303.303%200%200%201%200-.57l.765-.248a1.58%201.58%200%200%200%20.984-.999l.249-.764a.302.302%200%200%201%20.57%200l.249.764a1.58%201.58%200%200%200%20.999.999%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.305%204.013l-1.159-1.16a.5.5%200%201%201%20.708-.707l15%2015a.5.5%200%200%201-.708.708L15.293%2016H3.5A1.5%201.5%200%200%201%202%2014.5v-9a1.5%201.5%200%200%201%201.305-1.487M12.293%2013H7.5a.5.5%200%200%200-.5.5V15h6v-1.293zm-1-1l-1.015-1.015Q10.14%2011%2010%2011a2.5%202.5%200%200%201-2.485-2.778L4.293%205H3.5a.5.5%200%200%200-.5.5v9a.5.5%200%200%200%20.5.5H6v-1.5A1.5%201.5%200%200%201%207.5%2012zM8.57%206.449l.726.726a1.5%201.5%200%200%201%202.029%202.029l.726.726a2.5%202.5%200%200%200-3.48-3.48m9.05%209.05l-.711-.711A.5.5%200%200%200%2017%2014.5v-1.6q.239.099.502.1c.173%200%20.341-.021.498-.079V14.5c0%20.383-.144.733-.38.998M6.12%204l1%201h2.97a1.4%201.4%200%200%201-.09-.504q0-.26.088-.496zm9.105-1.647l-.348-1.07a.423.423%200%200%200-.799%200l-.348%201.07a2.2%202.2%200%200%201-1.377%201.397l-1.071.348a.423.423%200%200%200%200%20.798l1.071.348a2.2%202.2%200%200%201%201.399%201.403l.348%201.07a.423.423%200%200%200%20.798%200l.349-1.07a2.2%202.2%200%200%201%201.398-1.397l1.072-.348a.423.423%200%200%200%200-.798l-.022-.006l-1.072-.348a2.2%202.2%200%200%201-1.398-1.397m3.791%206.612l.766.248l.015.004a.303.303%200%200%201%200%20.57l-.765.248a1.58%201.58%200%200%200-1%20.999l-.248.764a.302.302%200%200%201-.57%200l-.249-.764a1.58%201.58%200%200%200-.999-1.002l-.765-.249a.303.303%200%200%201%200-.57l.765-.248a1.58%201.58%200%200%200%20.984-.999l.249-.764a.302.302%200%200%201%20.57%200l.249.764a1.58%201.58%200%200%200%20.999.999%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/video-person-sparkle-off-20-regular.svg?color=%231a73e8&size=48
