cubes icon

cubes from Font Awesome Solid by Dave Gandy · Solid · Objects · CC-BY-4.0 Attribution required.

Name
cubes
Set
Font Awesome Solid
Style
Solid
Category
Objects
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

cubesFont Awesome 6 SolidcubesLine Awesome

More objects icons from Font Awesome Solid

cubedigital-tachographfutbolgemheart-brokenlocklock-openmoonringscrollspace-shuttletoiletunlockunlock-altcubes-stacked

Use the cubes icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M348 62.7c-17.3-10-38.7-10-56 0l-84.2 48.6c-17.3 10-28 28.5-28 48.5v101.9l-88.3 51c-17.3 10-28 28.5-28 48.5v97.3c0 20 10.7 38.5 28 48.5l84.3 48.6c17.3 10 38.7 10 56 0l88.3-51l88.3 51c17.3 10 38.7 10 56 0l84.1-48.6c17.3-10 28-28.5 28-48.5v-97.3c0-20-10.7-38.5-28-48.5l-88.3-51V159.8c0-20-10.7-38.5-28-48.5zm-52 293.9v106.5l-88.3 51c-1.2.7-2.6 1.1-4 1.1V409.9zm231.4.6c.7 1.2 1.1 2.6 1.1 4v97.3c0 2.9-1.5 5.5-4 6.9L440.2 514c-1.2.7-2.6 1.1-4 1.1V409.8zM412.3 159.8v101.9L320 315V208.5l91.2-52.6c.7 1.2 1.1 2.6 1.1 4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCubes(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M348 62.7c-17.3-10-38.7-10-56 0l-84.2 48.6c-17.3 10-28 28.5-28 48.5v101.9l-88.3 51c-17.3 10-28 28.5-28 48.5v97.3c0 20 10.7 38.5 28 48.5l84.3 48.6c17.3 10 38.7 10 56 0l88.3-51l88.3 51c17.3 10 38.7 10 56 0l84.1-48.6c17.3-10 28-28.5 28-48.5v-97.3c0-20-10.7-38.5-28-48.5l-88.3-51V159.8c0-20-10.7-38.5-28-48.5zm-52 293.9v106.5l-88.3 51c-1.2.7-2.6 1.1-4 1.1V409.9zm231.4.6c.7 1.2 1.1 2.6 1.1 4v97.3c0 2.9-1.5 5.5-4 6.9L440.2 514c-1.2.7-2.6 1.1-4 1.1V409.8zM412.3 159.8v101.9L320 315V208.5l91.2-52.6c.7 1.2 1.1 2.6 1.1 4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M348 62.7c-17.3-10-38.7-10-56 0l-84.2 48.6c-17.3 10-28 28.5-28 48.5v101.9l-88.3 51c-17.3 10-28 28.5-28 48.5v97.3c0 20 10.7 38.5 28 48.5l84.3 48.6c17.3 10 38.7 10 56 0l88.3-51l88.3 51c17.3 10 38.7 10 56 0l84.1-48.6c17.3-10 28-28.5 28-48.5v-97.3c0-20-10.7-38.5-28-48.5l-88.3-51V159.8c0-20-10.7-38.5-28-48.5zm-52 293.9v106.5l-88.3 51c-1.2.7-2.6 1.1-4 1.1V409.9zm231.4.6c.7 1.2 1.1 2.6 1.1 4v97.3c0 2.9-1.5 5.5-4 6.9L440.2 514c-1.2.7-2.6 1.1-4 1.1V409.8zM412.3 159.8v101.9L320 315V208.5l91.2-52.6c.7 1.2 1.1 2.6 1.1 4z"/></svg>
</template>

CSS

.icon-cubes {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M348%2062.7c-17.3-10-38.7-10-56%200l-84.2%2048.6c-17.3%2010-28%2028.5-28%2048.5v101.9l-88.3%2051c-17.3%2010-28%2028.5-28%2048.5v97.3c0%2020%2010.7%2038.5%2028%2048.5l84.3%2048.6c17.3%2010%2038.7%2010%2056%200l88.3-51l88.3%2051c17.3%2010%2038.7%2010%2056%200l84.1-48.6c17.3-10%2028-28.5%2028-48.5v-97.3c0-20-10.7-38.5-28-48.5l-88.3-51V159.8c0-20-10.7-38.5-28-48.5zm-52%20293.9v106.5l-88.3%2051c-1.2.7-2.6%201.1-4%201.1V409.9zm231.4.6c.7%201.2%201.1%202.6%201.1%204v97.3c0%202.9-1.5%205.5-4%206.9L440.2%20514c-1.2.7-2.6%201.1-4%201.1V409.8zM412.3%20159.8v101.9L320%20315V208.5l91.2-52.6c.7%201.2%201.1%202.6%201.1%204z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M348%2062.7c-17.3-10-38.7-10-56%200l-84.2%2048.6c-17.3%2010-28%2028.5-28%2048.5v101.9l-88.3%2051c-17.3%2010-28%2028.5-28%2048.5v97.3c0%2020%2010.7%2038.5%2028%2048.5l84.3%2048.6c17.3%2010%2038.7%2010%2056%200l88.3-51l88.3%2051c17.3%2010%2038.7%2010%2056%200l84.1-48.6c17.3-10%2028-28.5%2028-48.5v-97.3c0-20-10.7-38.5-28-48.5l-88.3-51V159.8c0-20-10.7-38.5-28-48.5zm-52%20293.9v106.5l-88.3%2051c-1.2.7-2.6%201.1-4%201.1V409.9zm231.4.6c.7%201.2%201.1%202.6%201.1%204v97.3c0%202.9-1.5%205.5-4%206.9L440.2%20514c-1.2.7-2.6%201.1-4%201.1V409.8zM412.3%20159.8v101.9L320%20315V208.5l91.2-52.6c.7%201.2%201.1%202.6%201.1%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/cubes.svg?color=%231a73e8&size=48