remote gen icon

remote-gen from Material Symbols by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.

Name
remote-gen
Set
Material Symbols
Style
Regular
Category
Household
Viewbox
24×24
License
Apache 2.0
Aliases
remote-gen-rounded, remote-gen-sharp

1 other variant in Material Symbols

remote-gen-outline

The same icon in other sets

remote-genMaterial Symbols Light

More household icons from Material Symbols

ac-unitair-freshenerair-purifierair-purifier-genapparelback-handbalconybath-soakbathroombathtubbedbedroom-babybedroom-childbedroom-parentblanketblenderblindsblinds-2blinds-2-closedblinds-closedcamera-indoorcamera-outdoorchairchair-alt

Use the remote gen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 23q-.825 0-1.412-.587T6 21V3q0-.825.588-1.412T8 1h8q.825 0 1.413.588T18 3v18q0 .825-.587 1.413T16 23zm6.125-13.875Q15 8.25 15 7t-.875-2.125T12 4t-2.125.875T9 7t.875 2.125T12 10t2.125-.875m-2.838-1.412Q11 7.425 11 7t.288-.712T12 6t.713.288T13 7t-.288.713T12 8t-.712-.288m-.576 6Q11 13.426 11 13t-.288-.712T10 12t-.712.288T9 13t.288.713T10 14t.713-.288m4 0Q15 13.426 15 13t-.288-.712T14 12t-.712.288T13 13t.288.713T14 14t.713-.288m-4 3Q11 16.426 11 16t-.288-.712T10 15t-.712.288T9 16t.288.713T10 17t.713-.288m4 0Q15 16.426 15 16t-.288-.712T14 15t-.712.288T13 16t.288.713T14 17t.713-.288m-4 3Q11 19.426 11 19t-.288-.712T10 18t-.712.288T9 19t.288.713T10 20t.713-.288m4 0Q15 19.426 15 19t-.288-.712T14 18t-.712.288T13 19t.288.713T14 20t.713-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsRemoteGen(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="M8 23q-.825 0-1.412-.587T6 21V3q0-.825.588-1.412T8 1h8q.825 0 1.413.588T18 3v18q0 .825-.587 1.413T16 23zm6.125-13.875Q15 8.25 15 7t-.875-2.125T12 4t-2.125.875T9 7t.875 2.125T12 10t2.125-.875m-2.838-1.412Q11 7.425 11 7t.288-.712T12 6t.713.288T13 7t-.288.713T12 8t-.712-.288m-.576 6Q11 13.426 11 13t-.288-.712T10 12t-.712.288T9 13t.288.713T10 14t.713-.288m4 0Q15 13.426 15 13t-.288-.712T14 12t-.712.288T13 13t.288.713T14 14t.713-.288m-4 3Q11 16.426 11 16t-.288-.712T10 15t-.712.288T9 16t.288.713T10 17t.713-.288m4 0Q15 16.426 15 16t-.288-.712T14 15t-.712.288T13 16t.288.713T14 17t.713-.288m-4 3Q11 19.426 11 19t-.288-.712T10 18t-.712.288T9 19t.288.713T10 20t.713-.288m4 0Q15 19.426 15 19t-.288-.712T14 18t-.712.288T13 19t.288.713T14 20t.713-.288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 23q-.825 0-1.412-.587T6 21V3q0-.825.588-1.412T8 1h8q.825 0 1.413.588T18 3v18q0 .825-.587 1.413T16 23zm6.125-13.875Q15 8.25 15 7t-.875-2.125T12 4t-2.125.875T9 7t.875 2.125T12 10t2.125-.875m-2.838-1.412Q11 7.425 11 7t.288-.712T12 6t.713.288T13 7t-.288.713T12 8t-.712-.288m-.576 6Q11 13.426 11 13t-.288-.712T10 12t-.712.288T9 13t.288.713T10 14t.713-.288m4 0Q15 13.426 15 13t-.288-.712T14 12t-.712.288T13 13t.288.713T14 14t.713-.288m-4 3Q11 16.426 11 16t-.288-.712T10 15t-.712.288T9 16t.288.713T10 17t.713-.288m4 0Q15 16.426 15 16t-.288-.712T14 15t-.712.288T13 16t.288.713T14 17t.713-.288m-4 3Q11 19.426 11 19t-.288-.712T10 18t-.712.288T9 19t.288.713T10 20t.713-.288m4 0Q15 19.426 15 19t-.288-.712T14 18t-.712.288T13 19t.288.713T14 20t.713-.288"/></svg>
</template>

CSS

.icon-remote-gen {
  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%22M8%2023q-.825%200-1.412-.587T6%2021V3q0-.825.588-1.412T8%201h8q.825%200%201.413.588T18%203v18q0%20.825-.587%201.413T16%2023zm6.125-13.875Q15%208.25%2015%207t-.875-2.125T12%204t-2.125.875T9%207t.875%202.125T12%2010t2.125-.875m-2.838-1.412Q11%207.425%2011%207t.288-.712T12%206t.713.288T13%207t-.288.713T12%208t-.712-.288m-.576%206Q11%2013.426%2011%2013t-.288-.712T10%2012t-.712.288T9%2013t.288.713T10%2014t.713-.288m4%200Q15%2013.426%2015%2013t-.288-.712T14%2012t-.712.288T13%2013t.288.713T14%2014t.713-.288m-4%203Q11%2016.426%2011%2016t-.288-.712T10%2015t-.712.288T9%2016t.288.713T10%2017t.713-.288m4%200Q15%2016.426%2015%2016t-.288-.712T14%2015t-.712.288T13%2016t.288.713T14%2017t.713-.288m-4%203Q11%2019.426%2011%2019t-.288-.712T10%2018t-.712.288T9%2019t.288.713T10%2020t.713-.288m4%200Q15%2019.426%2015%2019t-.288-.712T14%2018t-.712.288T13%2019t.288.713T14%2020t.713-.288%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%22M8%2023q-.825%200-1.412-.587T6%2021V3q0-.825.588-1.412T8%201h8q.825%200%201.413.588T18%203v18q0%20.825-.587%201.413T16%2023zm6.125-13.875Q15%208.25%2015%207t-.875-2.125T12%204t-2.125.875T9%207t.875%202.125T12%2010t2.125-.875m-2.838-1.412Q11%207.425%2011%207t.288-.712T12%206t.713.288T13%207t-.288.713T12%208t-.712-.288m-.576%206Q11%2013.426%2011%2013t-.288-.712T10%2012t-.712.288T9%2013t.288.713T10%2014t.713-.288m4%200Q15%2013.426%2015%2013t-.288-.712T14%2012t-.712.288T13%2013t.288.713T14%2014t.713-.288m-4%203Q11%2016.426%2011%2016t-.288-.712T10%2015t-.712.288T9%2016t.288.713T10%2017t.713-.288m4%200Q15%2016.426%2015%2016t-.288-.712T14%2015t-.712.288T13%2016t.288.713T14%2017t.713-.288m-4%203Q11%2019.426%2011%2019t-.288-.712T10%2018t-.712.288T9%2019t.288.713T10%2020t.713-.288m4%200Q15%2019.426%2015%2019t-.288-.712T14%2018t-.712.288T13%2019t.288.713T14%2020t.713-.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/remote-gen.svg?color=%231a73e8&size=48