devices icon
devices-duotone from Reicon by REICON · Duotone · Devices · MIT Free for personal and commercial use.
- Name
- devices-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All devices icons →devicesAkar IconsdevicesBoxIcons v2devicesBoxIcons v2 SoliddevicesCarbondevicesIconParkdevicesIconPark OutlinedevicesIconPark SoliddevicesIconPark TwoTonedevicesMaterial SymbolsdevicesMaterial Symbols LightdevicesMaterial Design Iconsdevices-16OcticonsdevicesPhosphordevicesPixelarticonsdevices-boldSolardevicesTabler Icons
More devices icons from Reicon
Use the devices icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.052 2c1.68 0 3.01 0 4.052.142c1.072.147 1.94.456 2.624 1.152s.988 1.58 1.132 2.67c.14 1.06.14 2.414.14 4.123v3.826c0 1.71 0 3.064-.14 4.123c-.144 1.09-.448 1.974-1.132 2.67s-1.552 1.005-2.624 1.152C17.063 22 15.732 22 14.052 22h-.104c-1.68 0-3.01 0-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C6 16.976 6 15.622 6 13.913v-3.826c0-1.71 0-3.064.14-4.123c.144-1.09.448-1.974 1.132-2.67S8.824 2.29 9.896 2.142C10.937 2 12.268 2 13.948 2z" opacity=".5"/><path d="M12 18.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5zM2 14.5c0-1.405 0-2.107.337-2.611a2 2 0 0 1 .552-.552C3.393 11 4.096 11 5.5 11s2.107 0 2.611.337a2 2 0 0 1 .552.552C9 12.393 9 13.096 9 14.5v4c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552C2 20.607 2 19.904 2 18.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDevicesDuotone(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="M14.052 2c1.68 0 3.01 0 4.052.142c1.072.147 1.94.456 2.624 1.152s.988 1.58 1.132 2.67c.14 1.06.14 2.414.14 4.123v3.826c0 1.71 0 3.064-.14 4.123c-.144 1.09-.448 1.974-1.132 2.67s-1.552 1.005-2.624 1.152C17.063 22 15.732 22 14.052 22h-.104c-1.68 0-3.01 0-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C6 16.976 6 15.622 6 13.913v-3.826c0-1.71 0-3.064.14-4.123c.144-1.09.448-1.974 1.132-2.67S8.824 2.29 9.896 2.142C10.937 2 12.268 2 13.948 2z" opacity=".5"/><path d="M12 18.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5zM2 14.5c0-1.405 0-2.107.337-2.611a2 2 0 0 1 .552-.552C3.393 11 4.096 11 5.5 11s2.107 0 2.611.337a2 2 0 0 1 .552.552C9 12.393 9 13.096 9 14.5v4c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552C2 20.607 2 19.904 2 18.5z"/></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="M14.052 2c1.68 0 3.01 0 4.052.142c1.072.147 1.94.456 2.624 1.152s.988 1.58 1.132 2.67c.14 1.06.14 2.414.14 4.123v3.826c0 1.71 0 3.064-.14 4.123c-.144 1.09-.448 1.974-1.132 2.67s-1.552 1.005-2.624 1.152C17.063 22 15.732 22 14.052 22h-.104c-1.68 0-3.01 0-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C6 16.976 6 15.622 6 13.913v-3.826c0-1.71 0-3.064.14-4.123c.144-1.09.448-1.974 1.132-2.67S8.824 2.29 9.896 2.142C10.937 2 12.268 2 13.948 2z" opacity=".5"/><path d="M12 18.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5zM2 14.5c0-1.405 0-2.107.337-2.611a2 2 0 0 1 .552-.552C3.393 11 4.096 11 5.5 11s2.107 0 2.611.337a2 2 0 0 1 .552.552C9 12.393 9 13.096 9 14.5v4c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552C2 20.607 2 19.904 2 18.5z"/></g></svg> </template>
CSS
.icon-devices-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%22M14.052%202c1.68%200%203.01%200%204.052.142c1.072.147%201.94.456%202.624%201.152s.988%201.58%201.132%202.67c.14%201.06.14%202.414.14%204.123v3.826c0%201.71%200%203.064-.14%204.123c-.144%201.09-.448%201.974-1.132%202.67s-1.552%201.005-2.624%201.152C17.063%2022%2015.732%2022%2014.052%2022h-.104c-1.68%200-3.01%200-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C6%2016.976%206%2015.622%206%2013.913v-3.826c0-1.71%200-3.064.14-4.123c.144-1.09.448-1.974%201.132-2.67S8.824%202.29%209.896%202.142C10.937%202%2012.268%202%2013.948%202z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%2018.25a.75.75%200%200%200%200%201.5h5a.75.75%200%200%200%200-1.5zM2%2014.5c0-1.405%200-2.107.337-2.611a2%202%200%200%201%20.552-.552C3.393%2011%204.096%2011%205.5%2011s2.107%200%202.611.337a2%202%200%200%201%20.552.552C9%2012.393%209%2013.096%209%2014.5v4c0%201.404%200%202.107-.337%202.611a2%202%200%200%201-.552.552C7.607%2022%206.904%2022%205.5%2022s-2.107%200-2.611-.337a2%202%200%200%201-.552-.552C2%2020.607%202%2019.904%202%2018.5z%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%22M14.052%202c1.68%200%203.01%200%204.052.142c1.072.147%201.94.456%202.624%201.152s.988%201.58%201.132%202.67c.14%201.06.14%202.414.14%204.123v3.826c0%201.71%200%203.064-.14%204.123c-.144%201.09-.448%201.974-1.132%202.67s-1.552%201.005-2.624%201.152C17.063%2022%2015.732%2022%2014.052%2022h-.104c-1.68%200-3.01%200-4.052-.142c-1.072-.147-1.94-.456-2.624-1.152s-.988-1.58-1.132-2.67C6%2016.976%206%2015.622%206%2013.913v-3.826c0-1.71%200-3.064.14-4.123c.144-1.09.448-1.974%201.132-2.67S8.824%202.29%209.896%202.142C10.937%202%2012.268%202%2013.948%202z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%2018.25a.75.75%200%200%200%200%201.5h5a.75.75%200%200%200%200-1.5zM2%2014.5c0-1.405%200-2.107.337-2.611a2%202%200%200%201%20.552-.552C3.393%2011%204.096%2011%205.5%2011s2.107%200%202.611.337a2%202%200%200%201%20.552.552C9%2012.393%209%2013.096%209%2014.5v4c0%201.404%200%202.107-.337%202.611a2%202%200%200%201-.552.552C7.607%2022%206.904%2022%205.5%2022s-2.107%200-2.611-.337a2%202%200%200%201-.552-.552C2%2020.607%202%2019.904%202%2018.5z%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/devices-duotone.svg?color=%231a73e8&size=48
