controller gen icon

controller-gen-outline-sharp from Material Symbols Light by Google · Outline Sharp · Household · Apache-2.0 Free for personal and commercial use.

Name: controller-gen-outline-sharp
Set: Material Symbols Light
Style: Outline Sharp
Category: Household
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

controller-gen controller-gen-outline controller-gen-sharp

The same icon in other sets

controller-genMaterial Symbols

More household icons from Material Symbols Light

Use the controller gen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 17.5q2.29 0 3.896-1.604t1.606-3.894t-1.604-3.896T12.003 6.5T8.106 8.104T6.5 11.998t1.604 3.896t3.894 1.606m-.002-1q-1.857 0-3.177-1.323T7.5 11.997t1.323-3.178t3.18-1.319t3.178 1.323t1.319 3.18t-1.323 3.178t-3.18 1.319M12 12.708l2.108-2.108l-.708-.708L11.292 12zM4 20V4h16v16zm1-1h14V5H5zM5 5v14z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightControllerGenOutlineSharp(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="M11.998 17.5q2.29 0 3.896-1.604t1.606-3.894t-1.604-3.896T12.003 6.5T8.106 8.104T6.5 11.998t1.604 3.896t3.894 1.606m-.002-1q-1.857 0-3.177-1.323T7.5 11.997t1.323-3.178t3.18-1.319t3.178 1.323t1.319 3.18t-1.323 3.178t-3.18 1.319M12 12.708l2.108-2.108l-.708-.708L11.292 12zM4 20V4h16v16zm1-1h14V5H5zM5 5v14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 17.5q2.29 0 3.896-1.604t1.606-3.894t-1.604-3.896T12.003 6.5T8.106 8.104T6.5 11.998t1.604 3.896t3.894 1.606m-.002-1q-1.857 0-3.177-1.323T7.5 11.997t1.323-3.178t3.18-1.319t3.178 1.323t1.319 3.18t-1.323 3.178t-3.18 1.319M12 12.708l2.108-2.108l-.708-.708L11.292 12zM4 20V4h16v16zm1-1h14V5H5zM5 5v14z"/></svg>
</template>

CSS

.icon-controller-gen-outline-sharp {
  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%22M11.998%2017.5q2.29%200%203.896-1.604t1.606-3.894t-1.604-3.896T12.003%206.5T8.106%208.104T6.5%2011.998t1.604%203.896t3.894%201.606m-.002-1q-1.857%200-3.177-1.323T7.5%2011.997t1.323-3.178t3.18-1.319t3.178%201.323t1.319%203.18t-1.323%203.178t-3.18%201.319M12%2012.708l2.108-2.108l-.708-.708L11.292%2012zM4%2020V4h16v16zm1-1h14V5H5zM5%205v14z%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%22M11.998%2017.5q2.29%200%203.896-1.604t1.606-3.894t-1.604-3.896T12.003%206.5T8.106%208.104T6.5%2011.998t1.604%203.896t3.894%201.606m-.002-1q-1.857%200-3.177-1.323T7.5%2011.997t1.323-3.178t3.18-1.319t3.178%201.323t1.319%203.18t-1.323%203.178t-3.18%201.319M12%2012.708l2.108-2.108l-.708-.708L11.292%2012zM4%2020V4h16v16zm1-1h14V5H5zM5%205v14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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