remote2 icon
remote2-duotone from Reicon by REICON · Duotone · Home · MIT Free for personal and commercial use.
- Name
- remote2-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Home
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More home icons from Reicon
Use the remote2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.674 3.778C5 4.787 5 6.19 5 9v6c0 2.809 0 4.213.674 5.222a4 4 0 0 0 1.104 1.104C7.787 22 9.19 22 12 22s4.213 0 5.222-.674a4 4 0 0 0 1.104-1.104C19 19.213 19 17.81 19 15V9c0-2.809 0-4.213-.674-5.222a4 4 0 0 0-1.104-1.104C16.213 2 14.81 2 12 2s-4.213 0-5.222.674a4 4 0 0 0-1.104 1.104" opacity=".5"/><path d="M11 9.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M10 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5 2.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M14 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill-rule="evenodd" d="M8.25 15.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0m1.5 0a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconRemote2Duotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.674 3.778C5 4.787 5 6.19 5 9v6c0 2.809 0 4.213.674 5.222a4 4 0 0 0 1.104 1.104C7.787 22 9.19 22 12 22s4.213 0 5.222-.674a4 4 0 0 0 1.104-1.104C19 19.213 19 17.81 19 15V9c0-2.809 0-4.213-.674-5.222a4 4 0 0 0-1.104-1.104C16.213 2 14.81 2 12 2s-4.213 0-5.222.674a4 4 0 0 0-1.104 1.104" opacity=".5"/><path d="M11 9.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M10 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5 2.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M14 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fillRule="evenodd" d="M8.25 15.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0m1.5 0a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.674 3.778C5 4.787 5 6.19 5 9v6c0 2.809 0 4.213.674 5.222a4 4 0 0 0 1.104 1.104C7.787 22 9.19 22 12 22s4.213 0 5.222-.674a4 4 0 0 0 1.104-1.104C19 19.213 19 17.81 19 15V9c0-2.809 0-4.213-.674-5.222a4 4 0 0 0-1.104-1.104C16.213 2 14.81 2 12 2s-4.213 0-5.222.674a4 4 0 0 0-1.104 1.104" opacity=".5"/><path d="M11 9.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M10 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5 2.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M14 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill-rule="evenodd" d="M8.25 15.5a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0m1.5 0a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-remote2-duotone {
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%22currentColor%22%3E%3Cpath%20d%3D%22M5.674%203.778C5%204.787%205%206.19%205%209v6c0%202.809%200%204.213.674%205.222a4%204%200%200%200%201.104%201.104C7.787%2022%209.19%2022%2012%2022s4.213%200%205.222-.674a4%204%200%200%200%201.104-1.104C19%2019.213%2019%2017.81%2019%2015V9c0-2.809%200-4.213-.674-5.222a4%204%200%200%200-1.104-1.104C16.213%202%2014.81%202%2012%202s-4.213%200-5.222.674a4%204%200%200%200-1.104%201.104%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11%209.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200M10%207a1%201%200%201%200%200-2a1%201%200%200%200%200%202m5%202.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200M14%207a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%2015.5a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200m1.5%200a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%22%20clip-rule%3D%22evenodd%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%22currentColor%22%3E%3Cpath%20d%3D%22M5.674%203.778C5%204.787%205%206.19%205%209v6c0%202.809%200%204.213.674%205.222a4%204%200%200%200%201.104%201.104C7.787%2022%209.19%2022%2012%2022s4.213%200%205.222-.674a4%204%200%200%200%201.104-1.104C19%2019.213%2019%2017.81%2019%2015V9c0-2.809%200-4.213-.674-5.222a4%204%200%200%200-1.104-1.104C16.213%202%2014.81%202%2012%202s-4.213%200-5.222.674a4%204%200%200%200-1.104%201.104%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11%209.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200M10%207a1%201%200%201%200%200-2a1%201%200%200%200%200%202m5%202.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200M14%207a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%2015.5a3.75%203.75%200%201%201%207.5%200a3.75%203.75%200%200%201-7.5%200m1.5%200a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/remote2-duotone.svg?color=%231a73e8&size=48
