IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Cube icon - Lineal Gradient | SVG & PNG Free Download

Style Variants

Cube

Cube icon - also known as file, document, clipboard, files, cube, archive, 3d, sketch, and art and design. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

Usage Snippets

Cube.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="66.692"
        x2="592.287"
        y1="573.308"
        y2="47.713"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="78.692"
        x2="604.287"
        y1="585.308"
        y2="59.713"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="80.692"
        x2="606.287"
        y1="587.308"
        y2="61.713"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="104.692"
        x2="630.287"
        y1="611.308"
        y2="85.713"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="30.692"
        x2="556.287"
        y1="537.308"
        y2="11.713"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="2.692"
        x2="528.287"
        y1="509.308"
        y2="-16.287"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-11.308"
        x2="514.287"
        y1="495.308"
        y2="-30.287"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M248 344a8 8 0 0 0 8 8h80a8 8 0 0 0 0-16h-80a8 8 0 0 0-8 8z"
    />
    <path fill="url(#b)" d="M336 360h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" />
    <path fill="url(#c)" d="M296 384h-40a8 8 0 0 0 0 16h40a8 8 0 0 0 0-16z" />
    <path fill="url(#d)" d="M328 384h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
    <path
        fill="url(#e)"
        d="M168 344v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8zm16 8h32v32h-32z"
    />
    <path
        fill="url(#f)"
        d="M432 8H80a8 8 0 0 0-8 8v480a8 8 0 0 0 8 8h352a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8zM200 80h112a24.027 24.027 0 0 0 24-24v-8h64v416H112V48h64v8a24.027 24.027 0 0 0 24 24zm120-56v32a8.009 8.009 0 0 1-8 8H200a8.009 8.009 0 0 1-8-8V24zm104 464H88V24h88v8h-72a8 8 0 0 0-8 8v432a8 8 0 0 0 8 8h304a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8h-72v-8h88z"
    />
    <path
        fill="url(#g)"
        d="m187.76 270.784 64 40a8 8 0 0 0 8.48 0l64-40A8 8 0 0 0 328 264v-72a8 8 0 0 0-3.76-6.784l-64-40a8 8 0 0 0-8.48 0l-64 40A8 8 0 0 0 184 192v72a8 8 0 0 0 3.76 6.784zM312 259.566l-48 30v-53.132l48-30zm-56-98.132L304.9 192 256 222.566 207.1 192zm-56 45 48 30v53.132l-48-30z"
    />
</svg>