cube icon

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

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

The same icon in other sets

cubeBoxIcons v2cubeBoxIcons v2 SolidcubeCarboncube-fillEva IconscubeFramework7 IconscubeFont Awesome 6 Solidcube-solidFlowbite Iconscube-12-filledFluent UI System IconscubeHeroIconscubeHuge IconscubeIconParkcubeIconPark OutlinecubeIconoircubeIonIconscubeLine AwesomecubeSVG LogoscubeMajesticonscubeMaterial Design Iconscube-fillMingCute IconcubePhosphorcubeRadix IconscubeTabler IconscubeWeb3 Icons BrandedcubeUnicons

More objects icons from Font Awesome Solid

cubesdigital-tachographfutbolgemheart-brokenlocklock-openmoonringscrollspace-shuttletoiletunlockunlock-alt

Use the cube icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.3 61.5c19.8-11.4 44.2-11.4 64 0L528.2 163c19.8 11.4 32 32.6 32 55.4v203c0 22.9-12.2 44-32 55.4L352.3 578.5a64.16 64.16 0 0 1-64 0L112.5 477c-19.8-11.4-32-32.6-32-55.4v-203c0-22.9 12.2-44 32-55.4zm207.8 360V255.4l-143.8 83v166.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCube(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="M288.3 61.5c19.8-11.4 44.2-11.4 64 0L528.2 163c19.8 11.4 32 32.6 32 55.4v203c0 22.9-12.2 44-32 55.4L352.3 578.5a64.16 64.16 0 0 1-64 0L112.5 477c-19.8-11.4-32-32.6-32-55.4v-203c0-22.9 12.2-44 32-55.4zm207.8 360V255.4l-143.8 83v166.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288.3 61.5c19.8-11.4 44.2-11.4 64 0L528.2 163c19.8 11.4 32 32.6 32 55.4v203c0 22.9-12.2 44-32 55.4L352.3 578.5a64.16 64.16 0 0 1-64 0L112.5 477c-19.8-11.4-32-32.6-32-55.4v-203c0-22.9 12.2-44 32-55.4zm207.8 360V255.4l-143.8 83v166.1z"/></svg>
</template>

CSS

.icon-cube {
  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%22M288.3%2061.5c19.8-11.4%2044.2-11.4%2064%200L528.2%20163c19.8%2011.4%2032%2032.6%2032%2055.4v203c0%2022.9-12.2%2044-32%2055.4L352.3%20578.5a64.16%2064.16%200%200%201-64%200L112.5%20477c-19.8-11.4-32-32.6-32-55.4v-203c0-22.9%2012.2-44%2032-55.4zm207.8%20360V255.4l-143.8%2083v166.1z%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%22M288.3%2061.5c19.8-11.4%2044.2-11.4%2064%200L528.2%20163c19.8%2011.4%2032%2032.6%2032%2055.4v203c0%2022.9-12.2%2044-32%2055.4L352.3%20578.5a64.16%2064.16%200%200%201-64%200L112.5%20477c-19.8-11.4-32-32.6-32-55.4v-203c0-22.9%2012.2-44%2032-55.4zm207.8%20360V255.4l-143.8%2083v166.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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