Add icons to this collection by clicking the heart icon.
Box icon - also known as box, package, cardboard, packaging, delivery, shipping, cardboard box, shipping and delivery, and conveyor belt. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <linearGradient
        id="a"
        x1="-2.038"
        x2="27.852"
        y1="24.629"
        y2=".881"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-.691"
        x2="29.198"
        y1="26.324"
        y2="2.576"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-1.425"
        x2="28.464"
        y1="25.4"
        y2="1.652"
        href="#a"
    />
    <linearGradient
        id="d"
        x1=".122"
        x2="30.012"
        y1="27.348"
        y2="3.6"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="1.67"
        x2="31.56"
        y1="29.296"
        y2="5.548"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="3.218"
        x2="33.108"
        y1="31.244"
        y2="7.496"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="4.766"
        x2="34.656"
        y1="33.193"
        y2="9.445"
        href="#a"
    />
    <linearGradient
        id="h"
        x1=".483"
        x2="30.372"
        y1="27.801"
        y2="4.053"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M8.667 15.167h3.666a.5.5 0 0 0 0-1H8.667a.5.5 0 0 0 0 1z"
        />
        <path
            fill="url(#b)"
            d="M23 16h-6.569a1.38 1.38 0 0 0 .069-.413V6.413A1.415 1.415 0 0 0 15.087 5H5.913A1.415 1.415 0 0 0 4.5 6.413v9.174a1.4 1.4 0 0 0 .082.455A3.491 3.491 0 0 0 5 23h18a3.5 3.5 0 0 0 0-7zM12.833 6h2.254a.414.414 0 0 1 .413.413V7.75h-2.667zM9.167 6h2.666v3.274l-1.109-.554a.5.5 0 0 0-.448 0l-1.109.554zM5.5 6.413A.414.414 0 0 1 5.913 6h2.254v1.75H5.5zm0 2.337h2.667v1.333a.5.5 0 0 0 .724.447l1.609-.8 1.609.8a.508.508 0 0 0 .224.053.5.5 0 0 0 .5-.5V8.75H15.5v6.837a.414.414 0 0 1-.413.413H5.913a.414.414 0 0 1-.413-.413zM23 22H5a2.5 2.5 0 0 1 0-5h18a2.5 2.5 0 0 1 0 5z"
        />
        <path
            fill="url(#c)"
            d="M6 18a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 6 18zm0 2a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
        />
        <path
            fill="url(#d)"
            d="M10 18a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 10 18zm0 2a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
        />
        <path
            fill="url(#e)"
            d="M14 18a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 14 18zm0 2a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
        />
        <path
            fill="url(#f)"
            d="M18 18a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 18 18zm0 2a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
        />
        <path
            fill="url(#g)"
            d="M22 18a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 22 18zm0 2a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
        />
        <path
            fill="url(#h)"
            d="M19 11h4.793l-1.147 1.146a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708.708L23.793 10H19a.5.5 0 0 0 0 1z"
        />
    </g>
</svg>
More icons in the same style and category