devices-fold-outline-rounded from Material Symbols by Google · Outline Rounded · Android · Apache-2.0 Free for personal and commercial use.

Name
devices-fold-outline-rounded
Set
Material Symbols
Style
Outline Rounded
Category
Android
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

The same icon in other sets

More android icons from Material Symbols

Use the devices fold icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-.825 0-1.412-.587T10 19V4.275q0-.6.325-1.088t.875-.737l3-1.3q1-.425 1.9.163T17 3h3q.825 0 1.413.588T22 5v14q0 .825-.587 1.413T20 21zm0-3.025l3-1.3V3l-3 1.3zM14.675 19H20V5h-3v11.675q0 .6-.325 1.113t-.875.737zM12 17.975V4.3zM3 5q-.425 0-.712-.288T2 4t.288-.712T3 3t.713.288T4 4t-.288.713T3 5m0 4q-.425 0-.712-.288T2 8t.288-.712T3 7t.713.288T4 8t-.288.713T3 9m-.712 2.288Q2.575 11 3 11t.713.288T4 12t-.288.713T3 13t-.712-.288T2 12t.288-.712M3 17q-.425 0-.712-.288T2 16t.288-.712T3 15t.713.288T4 16t-.288.713T3 17m0 4q-.425 0-.712-.288T2 20t.288-.712T3 19t.713.288T4 20t-.288.713T3 21m3.288-.288Q6 20.426 6 20t.288-.712T7 19t.713.288T8 20t-.288.713T7 21t-.712-.288m0-16Q6 4.425 6 4t.288-.712T7 3t.713.288T8 4t-.288.713T7 5t-.712-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsDevicesFoldOutlineRounded(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="M12 21q-.825 0-1.412-.587T10 19V4.275q0-.6.325-1.088t.875-.737l3-1.3q1-.425 1.9.163T17 3h3q.825 0 1.413.588T22 5v14q0 .825-.587 1.413T20 21zm0-3.025l3-1.3V3l-3 1.3zM14.675 19H20V5h-3v11.675q0 .6-.325 1.113t-.875.737zM12 17.975V4.3zM3 5q-.425 0-.712-.288T2 4t.288-.712T3 3t.713.288T4 4t-.288.713T3 5m0 4q-.425 0-.712-.288T2 8t.288-.712T3 7t.713.288T4 8t-.288.713T3 9m-.712 2.288Q2.575 11 3 11t.713.288T4 12t-.288.713T3 13t-.712-.288T2 12t.288-.712M3 17q-.425 0-.712-.288T2 16t.288-.712T3 15t.713.288T4 16t-.288.713T3 17m0 4q-.425 0-.712-.288T2 20t.288-.712T3 19t.713.288T4 20t-.288.713T3 21m3.288-.288Q6 20.426 6 20t.288-.712T7 19t.713.288T8 20t-.288.713T7 21t-.712-.288m0-16Q6 4.425 6 4t.288-.712T7 3t.713.288T8 4t-.288.713T7 5t-.712-.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="M12 21q-.825 0-1.412-.587T10 19V4.275q0-.6.325-1.088t.875-.737l3-1.3q1-.425 1.9.163T17 3h3q.825 0 1.413.588T22 5v14q0 .825-.587 1.413T20 21zm0-3.025l3-1.3V3l-3 1.3zM14.675 19H20V5h-3v11.675q0 .6-.325 1.113t-.875.737zM12 17.975V4.3zM3 5q-.425 0-.712-.288T2 4t.288-.712T3 3t.713.288T4 4t-.288.713T3 5m0 4q-.425 0-.712-.288T2 8t.288-.712T3 7t.713.288T4 8t-.288.713T3 9m-.712 2.288Q2.575 11 3 11t.713.288T4 12t-.288.713T3 13t-.712-.288T2 12t.288-.712M3 17q-.425 0-.712-.288T2 16t.288-.712T3 15t.713.288T4 16t-.288.713T3 17m0 4q-.425 0-.712-.288T2 20t.288-.712T3 19t.713.288T4 20t-.288.713T3 21m3.288-.288Q6 20.426 6 20t.288-.712T7 19t.713.288T8 20t-.288.713T7 21t-.712-.288m0-16Q6 4.425 6 4t.288-.712T7 3t.713.288T8 4t-.288.713T7 5t-.712-.288"/></svg>
</template>

CSS

.icon-devices-fold-outline-rounded {
  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%22M12%2021q-.825%200-1.412-.587T10%2019V4.275q0-.6.325-1.088t.875-.737l3-1.3q1-.425%201.9.163T17%203h3q.825%200%201.413.588T22%205v14q0%20.825-.587%201.413T20%2021zm0-3.025l3-1.3V3l-3%201.3zM14.675%2019H20V5h-3v11.675q0%20.6-.325%201.113t-.875.737zM12%2017.975V4.3zM3%205q-.425%200-.712-.288T2%204t.288-.712T3%203t.713.288T4%204t-.288.713T3%205m0%204q-.425%200-.712-.288T2%208t.288-.712T3%207t.713.288T4%208t-.288.713T3%209m-.712%202.288Q2.575%2011%203%2011t.713.288T4%2012t-.288.713T3%2013t-.712-.288T2%2012t.288-.712M3%2017q-.425%200-.712-.288T2%2016t.288-.712T3%2015t.713.288T4%2016t-.288.713T3%2017m0%204q-.425%200-.712-.288T2%2020t.288-.712T3%2019t.713.288T4%2020t-.288.713T3%2021m3.288-.288Q6%2020.426%206%2020t.288-.712T7%2019t.713.288T8%2020t-.288.713T7%2021t-.712-.288m0-16Q6%204.425%206%204t.288-.712T7%203t.713.288T8%204t-.288.713T7%205t-.712-.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%22M12%2021q-.825%200-1.412-.587T10%2019V4.275q0-.6.325-1.088t.875-.737l3-1.3q1-.425%201.9.163T17%203h3q.825%200%201.413.588T22%205v14q0%20.825-.587%201.413T20%2021zm0-3.025l3-1.3V3l-3%201.3zM14.675%2019H20V5h-3v11.675q0%20.6-.325%201.113t-.875.737zM12%2017.975V4.3zM3%205q-.425%200-.712-.288T2%204t.288-.712T3%203t.713.288T4%204t-.288.713T3%205m0%204q-.425%200-.712-.288T2%208t.288-.712T3%207t.713.288T4%208t-.288.713T3%209m-.712%202.288Q2.575%2011%203%2011t.713.288T4%2012t-.288.713T3%2013t-.712-.288T2%2012t.288-.712M3%2017q-.425%200-.712-.288T2%2016t.288-.712T3%2015t.713.288T4%2016t-.288.713T3%2017m0%204q-.425%200-.712-.288T2%2020t.288-.712T3%2019t.713.288T4%2020t-.288.713T3%2021m3.288-.288Q6%2020.426%206%2020t.288-.712T7%2019t.713.288T8%2020t-.288.713T7%2021t-.712-.288m0-16Q6%204.425%206%204t.288-.712T7%203t.713.288T8%204t-.288.713T7%205t-.712-.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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