blocks icon
blocks-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- blocks-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-boldcircle-dashed-bold
Use the blocks 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 7.70692C2.5 5.97304 2.5 5.1061 3.03865 4.56745C3.57729 4.02881 4.44423 4.02881 6.17811 4.02881C7.91198 4.02881 8.77892 4.02881 9.31757 4.56745C9.85622 5.1061 9.85621 5.97304 9.85621 7.70692C9.85621 9.44079 9.85622 10.3077 9.31757 10.8464C8.77892 11.385 7.91198 11.385 6.17811 11.385C4.44423 11.385 3.57729 11.385 3.03865 10.8464C2.5 10.3077 2.5 9.44079 2.5 7.70692Z" opacity=".5"/><path d="M12.6147 17.8217C12.6147 16.0878 12.6147 15.2208 13.1534 14.6822C13.692 14.1436 14.559 14.1436 16.2929 14.1436C18.0267 14.1436 18.8937 14.1436 19.4323 14.6822C19.971 15.2208 19.971 16.0878 19.971 17.8217C19.971 19.5555 19.971 20.4225 19.4323 20.9611C18.8937 21.4998 18.0267 21.4998 16.2929 21.4998C14.559 21.4998 13.692 21.4998 13.1534 20.9611C12.6147 20.4225 12.6147 19.5555 12.6147 17.8217Z" opacity=".5"/><path d="M2.5 17.8217C2.5 16.0878 2.5 15.2208 3.03865 14.6822C3.57729 14.1436 4.44423 14.1436 6.17811 14.1436C7.91198 14.1436 8.77892 14.1436 9.31757 14.6822C9.85622 15.2208 9.85621 16.0878 9.85621 17.8217C9.85621 19.5555 9.85622 20.4225 9.31757 20.9611C8.77892 21.4998 7.91198 21.4998 6.17811 21.4998C4.44423 21.4998 3.57729 21.4998 3.03865 20.9611C2.5 20.4225 2.5 19.5555 2.5 17.8217Z" opacity=".5"/><path d="M14.9592 3.83904L14.9592 3.83904C13.7331 5.06506 13.1201 5.67808 13.1201 6.43983C13.1201 7.20159 13.7331 7.8146 14.9592 9.04062L14.9592 9.04063C16.1852 10.2666 16.7982 10.8797 17.5599 10.8797C18.3217 10.8797 18.9347 10.2667 20.1607 9.04063L20.1608 9.04062C21.3868 7.8146 21.9998 7.20158 21.9998 6.43983C21.9998 5.67808 21.3868 5.06506 20.1607 3.83904C18.9347 2.61301 18.3217 2 17.5599 2C16.7982 2 16.1852 2.61301 14.9592 3.83904Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBlocksLineDuotone(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 7.70692C2.5 5.97304 2.5 5.1061 3.03865 4.56745C3.57729 4.02881 4.44423 4.02881 6.17811 4.02881C7.91198 4.02881 8.77892 4.02881 9.31757 4.56745C9.85622 5.1061 9.85621 5.97304 9.85621 7.70692C9.85621 9.44079 9.85622 10.3077 9.31757 10.8464C8.77892 11.385 7.91198 11.385 6.17811 11.385C4.44423 11.385 3.57729 11.385 3.03865 10.8464C2.5 10.3077 2.5 9.44079 2.5 7.70692Z" opacity=".5"/><path d="M12.6147 17.8217C12.6147 16.0878 12.6147 15.2208 13.1534 14.6822C13.692 14.1436 14.559 14.1436 16.2929 14.1436C18.0267 14.1436 18.8937 14.1436 19.4323 14.6822C19.971 15.2208 19.971 16.0878 19.971 17.8217C19.971 19.5555 19.971 20.4225 19.4323 20.9611C18.8937 21.4998 18.0267 21.4998 16.2929 21.4998C14.559 21.4998 13.692 21.4998 13.1534 20.9611C12.6147 20.4225 12.6147 19.5555 12.6147 17.8217Z" opacity=".5"/><path d="M2.5 17.8217C2.5 16.0878 2.5 15.2208 3.03865 14.6822C3.57729 14.1436 4.44423 14.1436 6.17811 14.1436C7.91198 14.1436 8.77892 14.1436 9.31757 14.6822C9.85622 15.2208 9.85621 16.0878 9.85621 17.8217C9.85621 19.5555 9.85622 20.4225 9.31757 20.9611C8.77892 21.4998 7.91198 21.4998 6.17811 21.4998C4.44423 21.4998 3.57729 21.4998 3.03865 20.9611C2.5 20.4225 2.5 19.5555 2.5 17.8217Z" opacity=".5"/><path d="M14.9592 3.83904L14.9592 3.83904C13.7331 5.06506 13.1201 5.67808 13.1201 6.43983C13.1201 7.20159 13.7331 7.8146 14.9592 9.04062L14.9592 9.04063C16.1852 10.2666 16.7982 10.8797 17.5599 10.8797C18.3217 10.8797 18.9347 10.2667 20.1607 9.04063L20.1608 9.04062C21.3868 7.8146 21.9998 7.20158 21.9998 6.43983C21.9998 5.67808 21.3868 5.06506 20.1607 3.83904C18.9347 2.61301 18.3217 2 17.5599 2C16.7982 2 16.1852 2.61301 14.9592 3.83904Z"/></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 7.70692C2.5 5.97304 2.5 5.1061 3.03865 4.56745C3.57729 4.02881 4.44423 4.02881 6.17811 4.02881C7.91198 4.02881 8.77892 4.02881 9.31757 4.56745C9.85622 5.1061 9.85621 5.97304 9.85621 7.70692C9.85621 9.44079 9.85622 10.3077 9.31757 10.8464C8.77892 11.385 7.91198 11.385 6.17811 11.385C4.44423 11.385 3.57729 11.385 3.03865 10.8464C2.5 10.3077 2.5 9.44079 2.5 7.70692Z" opacity=".5"/><path d="M12.6147 17.8217C12.6147 16.0878 12.6147 15.2208 13.1534 14.6822C13.692 14.1436 14.559 14.1436 16.2929 14.1436C18.0267 14.1436 18.8937 14.1436 19.4323 14.6822C19.971 15.2208 19.971 16.0878 19.971 17.8217C19.971 19.5555 19.971 20.4225 19.4323 20.9611C18.8937 21.4998 18.0267 21.4998 16.2929 21.4998C14.559 21.4998 13.692 21.4998 13.1534 20.9611C12.6147 20.4225 12.6147 19.5555 12.6147 17.8217Z" opacity=".5"/><path d="M2.5 17.8217C2.5 16.0878 2.5 15.2208 3.03865 14.6822C3.57729 14.1436 4.44423 14.1436 6.17811 14.1436C7.91198 14.1436 8.77892 14.1436 9.31757 14.6822C9.85622 15.2208 9.85621 16.0878 9.85621 17.8217C9.85621 19.5555 9.85622 20.4225 9.31757 20.9611C8.77892 21.4998 7.91198 21.4998 6.17811 21.4998C4.44423 21.4998 3.57729 21.4998 3.03865 20.9611C2.5 20.4225 2.5 19.5555 2.5 17.8217Z" opacity=".5"/><path d="M14.9592 3.83904L14.9592 3.83904C13.7331 5.06506 13.1201 5.67808 13.1201 6.43983C13.1201 7.20159 13.7331 7.8146 14.9592 9.04062L14.9592 9.04063C16.1852 10.2666 16.7982 10.8797 17.5599 10.8797C18.3217 10.8797 18.9347 10.2667 20.1607 9.04063L20.1608 9.04062C21.3868 7.8146 21.9998 7.20158 21.9998 6.43983C21.9998 5.67808 21.3868 5.06506 20.1607 3.83904C18.9347 2.61301 18.3217 2 17.5599 2C16.7982 2 16.1852 2.61301 14.9592 3.83904Z"/></g></svg> </template>
CSS
.icon-blocks-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%207.70692C2.5%205.97304%202.5%205.1061%203.03865%204.56745C3.57729%204.02881%204.44423%204.02881%206.17811%204.02881C7.91198%204.02881%208.77892%204.02881%209.31757%204.56745C9.85622%205.1061%209.85621%205.97304%209.85621%207.70692C9.85621%209.44079%209.85622%2010.3077%209.31757%2010.8464C8.77892%2011.385%207.91198%2011.385%206.17811%2011.385C4.44423%2011.385%203.57729%2011.385%203.03865%2010.8464C2.5%2010.3077%202.5%209.44079%202.5%207.70692Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.6147%2017.8217C12.6147%2016.0878%2012.6147%2015.2208%2013.1534%2014.6822C13.692%2014.1436%2014.559%2014.1436%2016.2929%2014.1436C18.0267%2014.1436%2018.8937%2014.1436%2019.4323%2014.6822C19.971%2015.2208%2019.971%2016.0878%2019.971%2017.8217C19.971%2019.5555%2019.971%2020.4225%2019.4323%2020.9611C18.8937%2021.4998%2018.0267%2021.4998%2016.2929%2021.4998C14.559%2021.4998%2013.692%2021.4998%2013.1534%2020.9611C12.6147%2020.4225%2012.6147%2019.5555%2012.6147%2017.8217Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2017.8217C2.5%2016.0878%202.5%2015.2208%203.03865%2014.6822C3.57729%2014.1436%204.44423%2014.1436%206.17811%2014.1436C7.91198%2014.1436%208.77892%2014.1436%209.31757%2014.6822C9.85622%2015.2208%209.85621%2016.0878%209.85621%2017.8217C9.85621%2019.5555%209.85622%2020.4225%209.31757%2020.9611C8.77892%2021.4998%207.91198%2021.4998%206.17811%2021.4998C4.44423%2021.4998%203.57729%2021.4998%203.03865%2020.9611C2.5%2020.4225%202.5%2019.5555%202.5%2017.8217Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M14.9592%203.83904L14.9592%203.83904C13.7331%205.06506%2013.1201%205.67808%2013.1201%206.43983C13.1201%207.20159%2013.7331%207.8146%2014.9592%209.04062L14.9592%209.04063C16.1852%2010.2666%2016.7982%2010.8797%2017.5599%2010.8797C18.3217%2010.8797%2018.9347%2010.2667%2020.1607%209.04063L20.1608%209.04062C21.3868%207.8146%2021.9998%207.20158%2021.9998%206.43983C21.9998%205.67808%2021.3868%205.06506%2020.1607%203.83904C18.9347%202.61301%2018.3217%202%2017.5599%202C16.7982%202%2016.1852%202.61301%2014.9592%203.83904Z%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%207.70692C2.5%205.97304%202.5%205.1061%203.03865%204.56745C3.57729%204.02881%204.44423%204.02881%206.17811%204.02881C7.91198%204.02881%208.77892%204.02881%209.31757%204.56745C9.85622%205.1061%209.85621%205.97304%209.85621%207.70692C9.85621%209.44079%209.85622%2010.3077%209.31757%2010.8464C8.77892%2011.385%207.91198%2011.385%206.17811%2011.385C4.44423%2011.385%203.57729%2011.385%203.03865%2010.8464C2.5%2010.3077%202.5%209.44079%202.5%207.70692Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.6147%2017.8217C12.6147%2016.0878%2012.6147%2015.2208%2013.1534%2014.6822C13.692%2014.1436%2014.559%2014.1436%2016.2929%2014.1436C18.0267%2014.1436%2018.8937%2014.1436%2019.4323%2014.6822C19.971%2015.2208%2019.971%2016.0878%2019.971%2017.8217C19.971%2019.5555%2019.971%2020.4225%2019.4323%2020.9611C18.8937%2021.4998%2018.0267%2021.4998%2016.2929%2021.4998C14.559%2021.4998%2013.692%2021.4998%2013.1534%2020.9611C12.6147%2020.4225%2012.6147%2019.5555%2012.6147%2017.8217Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2017.8217C2.5%2016.0878%202.5%2015.2208%203.03865%2014.6822C3.57729%2014.1436%204.44423%2014.1436%206.17811%2014.1436C7.91198%2014.1436%208.77892%2014.1436%209.31757%2014.6822C9.85622%2015.2208%209.85621%2016.0878%209.85621%2017.8217C9.85621%2019.5555%209.85622%2020.4225%209.31757%2020.9611C8.77892%2021.4998%207.91198%2021.4998%206.17811%2021.4998C4.44423%2021.4998%203.57729%2021.4998%203.03865%2020.9611C2.5%2020.4225%202.5%2019.5555%202.5%2017.8217Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M14.9592%203.83904L14.9592%203.83904C13.7331%205.06506%2013.1201%205.67808%2013.1201%206.43983C13.1201%207.20159%2013.7331%207.8146%2014.9592%209.04062L14.9592%209.04063C16.1852%2010.2666%2016.7982%2010.8797%2017.5599%2010.8797C18.3217%2010.8797%2018.9347%2010.2667%2020.1607%209.04063L20.1608%209.04062C21.3868%207.8146%2021.9998%207.20158%2021.9998%206.43983C21.9998%205.67808%2021.3868%205.06506%2020.1607%203.83904C18.9347%202.61301%2018.3217%202%2017.5599%202C16.7982%202%2016.1852%202.61301%2014.9592%203.83904Z%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/blocks-line-duotone.svg?color=%231a73e8&size=48
