cube icon
cube from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.
- Name
- cube
- Set
- Unicons
- Style
- Line
- Category
- User Interface
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
cubeBoxIcons v2cubeBoxIcons v2 SolidcubeCarboncube-fillEva IconscubeFramework7 IconscubeFont Awesome 6 Solidcube-12-filledFluent UI System IconscubeHeroIconscubeHuge IconscubeIconoircubeIonIconscubeLine AwesomecubeSVG LogoscubeMajesticonscubeMaterial Design Iconscube-fillMingCute IconcubePhosphorcubeRadix IconscubeTabler IconscubeUnicons Monochrome
More user interface icons from Unicons
Use the cube icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.47 7.37v-.08l-.06-.15a1 1 0 0 0-.07-.09a1 1 0 0 0-.09-.12l-.09-.07l-.16-.08l-7.5-4.63a1 1 0 0 0-1.06 0L4 6.78l-.09.08l-.09.07a1 1 0 0 0-.09.12a1 1 0 0 0-.07.09l-.06.15v.08a1.2 1.2 0 0 0 0 .26v8.74a1 1 0 0 0 .47.85l7.5 4.63a.5.5 0 0 0 .15.06s.05 0 .08 0a.86.86 0 0 0 .52 0h.08a.5.5 0 0 0 .15-.06L20 17.22a1 1 0 0 0 .47-.85V7.63a1.2 1.2 0 0 0 0-.26M11 19.21l-5.5-3.4V9.43l5.5 3.39Zm1-8.12L6.4 7.63L12 4.18l5.6 3.45Zm6.5 4.72l-5.5 3.4v-6.39l5.5-3.39Z"/></svg>
React
import type { SVGProps } from "react";
export function UilCube(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="M20.47 7.37v-.08l-.06-.15a1 1 0 0 0-.07-.09a1 1 0 0 0-.09-.12l-.09-.07l-.16-.08l-7.5-4.63a1 1 0 0 0-1.06 0L4 6.78l-.09.08l-.09.07a1 1 0 0 0-.09.12a1 1 0 0 0-.07.09l-.06.15v.08a1.2 1.2 0 0 0 0 .26v8.74a1 1 0 0 0 .47.85l7.5 4.63a.5.5 0 0 0 .15.06s.05 0 .08 0a.86.86 0 0 0 .52 0h.08a.5.5 0 0 0 .15-.06L20 17.22a1 1 0 0 0 .47-.85V7.63a1.2 1.2 0 0 0 0-.26M11 19.21l-5.5-3.4V9.43l5.5 3.39Zm1-8.12L6.4 7.63L12 4.18l5.6 3.45Zm6.5 4.72l-5.5 3.4v-6.39l5.5-3.39Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.47 7.37v-.08l-.06-.15a1 1 0 0 0-.07-.09a1 1 0 0 0-.09-.12l-.09-.07l-.16-.08l-7.5-4.63a1 1 0 0 0-1.06 0L4 6.78l-.09.08l-.09.07a1 1 0 0 0-.09.12a1 1 0 0 0-.07.09l-.06.15v.08a1.2 1.2 0 0 0 0 .26v8.74a1 1 0 0 0 .47.85l7.5 4.63a.5.5 0 0 0 .15.06s.05 0 .08 0a.86.86 0 0 0 .52 0h.08a.5.5 0 0 0 .15-.06L20 17.22a1 1 0 0 0 .47-.85V7.63a1.2 1.2 0 0 0 0-.26M11 19.21l-5.5-3.4V9.43l5.5 3.39Zm1-8.12L6.4 7.63L12 4.18l5.6 3.45Zm6.5 4.72l-5.5 3.4v-6.39l5.5-3.39Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.47%207.37v-.08l-.06-.15a1%201%200%200%200-.07-.09a1%201%200%200%200-.09-.12l-.09-.07l-.16-.08l-7.5-4.63a1%201%200%200%200-1.06%200L4%206.78l-.09.08l-.09.07a1%201%200%200%200-.09.12a1%201%200%200%200-.07.09l-.06.15v.08a1.2%201.2%200%200%200%200%20.26v8.74a1%201%200%200%200%20.47.85l7.5%204.63a.5.5%200%200%200%20.15.06s.05%200%20.08%200a.86.86%200%200%200%20.52%200h.08a.5.5%200%200%200%20.15-.06L20%2017.22a1%201%200%200%200%20.47-.85V7.63a1.2%201.2%200%200%200%200-.26M11%2019.21l-5.5-3.4V9.43l5.5%203.39Zm1-8.12L6.4%207.63L12%204.18l5.6%203.45Zm6.5%204.72l-5.5%203.4v-6.39l5.5-3.39Z%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%22M20.47%207.37v-.08l-.06-.15a1%201%200%200%200-.07-.09a1%201%200%200%200-.09-.12l-.09-.07l-.16-.08l-7.5-4.63a1%201%200%200%200-1.06%200L4%206.78l-.09.08l-.09.07a1%201%200%200%200-.09.12a1%201%200%200%200-.07.09l-.06.15v.08a1.2%201.2%200%200%200%200%20.26v8.74a1%201%200%200%200%20.47.85l7.5%204.63a.5.5%200%200%200%20.15.06s.05%200%20.08%200a.86.86%200%200%200%20.52%200h.08a.5.5%200%200%200%20.15-.06L20%2017.22a1%201%200%200%200%20.47-.85V7.63a1.2%201.2%200%200%200%200-.26M11%2019.21l-5.5-3.4V9.43l5.5%203.39Zm1-8.12L6.4%207.63L12%204.18l5.6%203.45Zm6.5%204.72l-5.5%203.4v-6.39l5.5-3.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/cube.svg?color=%231a73e8&size=48
