widget 2 icon
widget-2-line-duotone from Solar by 480 Design · Line Duotone · Settings · CC-BY-4.0 Attribution required.
- Name
- widget-2-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Settings
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More settings icons from Solar
columns-2-boldcolumns-3-boldcolumns-3-cog-boldcolumns-4-boldcontainer-boldgrid-2x2-add-boldgrid-2x2-boldgrid-2x2-check-boldgrid-2x2-close-boldgrid-3x3-boldloader-boldsettings-boldsettings-minimalistic-boldtuning-2-boldtuning-3-boldtuning-4-boldtuning-boldtuning-square-2-boldtuning-square-boldwidget-3-boldwidget-4-boldwidget-5-boldwidget-6-boldwidget-add-bold
Use the widget 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5Z"/><path d="M13.5 17.5C13.5 15.2909 15.2909 13.5 17.5 13.5C19.7091 13.5 21.5 15.2909 21.5 17.5C21.5 19.7091 19.7091 21.5 17.5 21.5C15.2909 21.5 13.5 19.7091 13.5 17.5Z" opacity=".5"/><path d="M2.5 17.5C2.5 15.6144 2.5 14.6716 3.08579 14.0858C3.67157 13.5 4.61438 13.5 6.5 13.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5C10.5 19.3856 10.5 20.3284 9.91421 20.9142C9.32843 21.5 8.38562 21.5 6.5 21.5C4.61438 21.5 3.67157 21.5 3.08579 20.9142C2.5 20.3284 2.5 19.3856 2.5 17.5Z"/><path d="M13.5 6.5C13.5 4.61438 13.5 3.67157 14.0858 3.08579C14.6716 2.5 15.6144 2.5 17.5 2.5C19.3856 2.5 20.3284 2.5 20.9142 3.08579C21.5 3.67157 21.5 4.61438 21.5 6.5C21.5 8.38562 21.5 9.32843 20.9142 9.91421C20.3284 10.5 19.3856 10.5 17.5 10.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWidget2LineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5Z"/><path d="M13.5 17.5C13.5 15.2909 15.2909 13.5 17.5 13.5C19.7091 13.5 21.5 15.2909 21.5 17.5C21.5 19.7091 19.7091 21.5 17.5 21.5C15.2909 21.5 13.5 19.7091 13.5 17.5Z" opacity=".5"/><path d="M2.5 17.5C2.5 15.6144 2.5 14.6716 3.08579 14.0858C3.67157 13.5 4.61438 13.5 6.5 13.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5C10.5 19.3856 10.5 20.3284 9.91421 20.9142C9.32843 21.5 8.38562 21.5 6.5 21.5C4.61438 21.5 3.67157 21.5 3.08579 20.9142C2.5 20.3284 2.5 19.3856 2.5 17.5Z"/><path d="M13.5 6.5C13.5 4.61438 13.5 3.67157 14.0858 3.08579C14.6716 2.5 15.6144 2.5 17.5 2.5C19.3856 2.5 20.3284 2.5 20.9142 3.08579C21.5 3.67157 21.5 4.61438 21.5 6.5C21.5 8.38562 21.5 9.32843 20.9142 9.91421C20.3284 10.5 19.3856 10.5 17.5 10.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5Z"/><path d="M13.5 17.5C13.5 15.2909 15.2909 13.5 17.5 13.5C19.7091 13.5 21.5 15.2909 21.5 17.5C21.5 19.7091 19.7091 21.5 17.5 21.5C15.2909 21.5 13.5 19.7091 13.5 17.5Z" opacity=".5"/><path d="M2.5 17.5C2.5 15.6144 2.5 14.6716 3.08579 14.0858C3.67157 13.5 4.61438 13.5 6.5 13.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5C10.5 19.3856 10.5 20.3284 9.91421 20.9142C9.32843 21.5 8.38562 21.5 6.5 21.5C4.61438 21.5 3.67157 21.5 3.08579 20.9142C2.5 20.3284 2.5 19.3856 2.5 17.5Z"/><path d="M13.5 6.5C13.5 4.61438 13.5 3.67157 14.0858 3.08579C14.6716 2.5 15.6144 2.5 17.5 2.5C19.3856 2.5 20.3284 2.5 20.9142 3.08579C21.5 3.67157 21.5 4.61438 21.5 6.5C21.5 8.38562 21.5 9.32843 20.9142 9.91421C20.3284 10.5 19.3856 10.5 17.5 10.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5Z" opacity=".5"/></g></svg> </template>
CSS
.icon-widget-2-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.5%206.5C2.5%204.29086%204.29086%202.5%206.5%202.5C8.70914%202.5%2010.5%204.29086%2010.5%206.5C10.5%208.70914%208.70914%2010.5%206.5%2010.5C4.29086%2010.5%202.5%208.70914%202.5%206.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%2017.5C13.5%2015.2909%2015.2909%2013.5%2017.5%2013.5C19.7091%2013.5%2021.5%2015.2909%2021.5%2017.5C21.5%2019.7091%2019.7091%2021.5%2017.5%2021.5C15.2909%2021.5%2013.5%2019.7091%2013.5%2017.5Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2017.5C2.5%2015.6144%202.5%2014.6716%203.08579%2014.0858C3.67157%2013.5%204.61438%2013.5%206.5%2013.5C8.38562%2013.5%209.32843%2013.5%209.91421%2014.0858C10.5%2014.6716%2010.5%2015.6144%2010.5%2017.5C10.5%2019.3856%2010.5%2020.3284%209.91421%2020.9142C9.32843%2021.5%208.38562%2021.5%206.5%2021.5C4.61438%2021.5%203.67157%2021.5%203.08579%2020.9142C2.5%2020.3284%202.5%2019.3856%202.5%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%206.5C13.5%204.61438%2013.5%203.67157%2014.0858%203.08579C14.6716%202.5%2015.6144%202.5%2017.5%202.5C19.3856%202.5%2020.3284%202.5%2020.9142%203.08579C21.5%203.67157%2021.5%204.61438%2021.5%206.5C21.5%208.38562%2021.5%209.32843%2020.9142%209.91421C20.3284%2010.5%2019.3856%2010.5%2017.5%2010.5C15.6144%2010.5%2014.6716%2010.5%2014.0858%209.91421C13.5%209.32843%2013.5%208.38562%2013.5%206.5Z%22%20opacity%3D%22.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.5%206.5C2.5%204.29086%204.29086%202.5%206.5%202.5C8.70914%202.5%2010.5%204.29086%2010.5%206.5C10.5%208.70914%208.70914%2010.5%206.5%2010.5C4.29086%2010.5%202.5%208.70914%202.5%206.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%2017.5C13.5%2015.2909%2015.2909%2013.5%2017.5%2013.5C19.7091%2013.5%2021.5%2015.2909%2021.5%2017.5C21.5%2019.7091%2019.7091%2021.5%2017.5%2021.5C15.2909%2021.5%2013.5%2019.7091%2013.5%2017.5Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2017.5C2.5%2015.6144%202.5%2014.6716%203.08579%2014.0858C3.67157%2013.5%204.61438%2013.5%206.5%2013.5C8.38562%2013.5%209.32843%2013.5%209.91421%2014.0858C10.5%2014.6716%2010.5%2015.6144%2010.5%2017.5C10.5%2019.3856%2010.5%2020.3284%209.91421%2020.9142C9.32843%2021.5%208.38562%2021.5%206.5%2021.5C4.61438%2021.5%203.67157%2021.5%203.08579%2020.9142C2.5%2020.3284%202.5%2019.3856%202.5%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%206.5C13.5%204.61438%2013.5%203.67157%2014.0858%203.08579C14.6716%202.5%2015.6144%202.5%2017.5%202.5C19.3856%202.5%2020.3284%202.5%2020.9142%203.08579C21.5%203.67157%2021.5%204.61438%2021.5%206.5C21.5%208.38562%2021.5%209.32843%2020.9142%209.91421C20.3284%2010.5%2019.3856%2010.5%2017.5%2010.5C15.6144%2010.5%2014.6716%2010.5%2014.0858%209.91421C13.5%209.32843%2013.5%208.38562%2013.5%206.5Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/widget-2-line-duotone.svg?color=%231a73e8&size=48
