Add icons to this collection by clicking the heart icon.
Quantity icon - also known as ball, volume, number, quantity, amount, and hands and gestures. 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="256"
x2="256"
y1="-.411"
y2="516.232"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient
id="b"
x1="276"
x2="276"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="c"
x1="388"
x2="388"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="d"
x1="158.999"
x2="158.999"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="e"
x1="209.997"
x2="209.997"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="f"
x1="321.997"
x2="321.997"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="g"
x1="279.319"
x2="279.319"
y1="-.411"
y2="516.232"
href="#a"
/>
<linearGradient
id="h"
x1="271.003"
x2="271.003"
y1="-.411"
y2="516.232"
href="#a"
/>
</defs>
<path
d="m494.685 456.108-142.52 23.754L295.224 468l58.407-12.168A8 8 0 0 0 360 448v-2.55a39.93 39.93 0 0 0-10.279-26.753L394.217 392H408v-16h-64a24.042 24.042 0 0 1-22.629-16h96.002a7.944 7.944 0 0 1 5.656 2.344l27.314 27.313A8.002 8.002 0 0 0 456 392h40v-16h-36.687l-24.97-24.97a24.219 24.219 0 0 0-3.923-3.177 71.971 71.971 0 0 0-58.595-107.75 72.032 72.032 0 0 0-56-112 72 72 0 1 0-119.65 0 72.032 72.032 0 0 0-56 112 71.971 71.971 0 0 0-58.595 107.75 24.219 24.219 0 0 0-3.924 3.176L52.686 376H16v16h40a8.002 8.002 0 0 0 5.657-2.343l27.314-27.313A7.944 7.944 0 0 1 94.627 360h96.002A24.042 24.042 0 0 1 168 376h-64v16h13.783l78.1 46.86a8.013 8.013 0 0 0 5.365 1.042l115.009-18.159a24.001 24.001 0 0 1 27.428 19.818l-183.85 38.301-142.52-23.754-2.63 15.784 144 24a8.022 8.022 0 0 0 2.947-.06L256 476.172l94.368 19.66a8.022 8.022 0 0 0 2.947.06l144-24ZM424 312a55.321 55.321 0 0 1-10.048 32h-93.48a71.805 71.805 0 0 0 .659-62.654A56.003 56.003 0 0 1 424 312Zm-56-112a55.74 55.74 0 0 1-19.959 42.834 72.147 72.147 0 0 0-36.068 23.946 71.91 71.91 0 0 0-52.148-26.676 72.008 72.008 0 0 0 5.306-70.758A56.003 56.003 0 0 1 368 200Zm-56 112a56 56 0 1 1-56-56 56.063 56.063 0 0 1 56 56ZM256 32a55.982 55.982 0 0 1 36.041 98.834 72.147 72.147 0 0 0-36.068 23.946 72.18 72.18 0 0 0-36.01-23.943A55.982 55.982 0 0 1 256 32Zm-56 112a55.982 55.982 0 0 1 36.038 98.837 72.18 72.18 0 0 0-36.01 23.943 72.147 72.147 0 0 0-36.069-23.946A55.982 55.982 0 0 1 200 144ZM98.048 344A55.321 55.321 0 0 1 88 312a56.003 56.003 0 0 1 102.87-30.654 71.805 71.805 0 0 0 .658 62.654Zm237.441 64.577a39.946 39.946 0 0 0-21.728-2.639l-112.138 17.706L148.883 392H168a40.072 40.072 0 0 0 38.188-28.086 71.808 71.808 0 0 0 99.624 0A40.072 40.072 0 0 0 344 392h19.117Z"
fill="url(#a)"
/>
<path
d="M256 272v16a24.004 24.004 0 0 1 11.994 44.794l8.012 13.85A40.004 40.004 0 0 0 256 272Z"
fill="url(#b)"
/>
<path
d="M368 288a24.008 24.008 0 0 1 20.794 35.994l13.85 8.012A40.008 40.008 0 0 0 368 272Z"
fill="url(#c)"
/>
<path
d="M144 272v16a24.02 24.02 0 0 1 18.002 8.128l11.996-10.588A40.032 40.032 0 0 0 144 272Z"
fill="url(#d)"
/>
<path
d="M200 176a24 24 0 0 1 18.003 39.871l11.994 10.59a40.004 40.004 0 0 0-50.003-61.105l8.012 13.85A23.976 23.976 0 0 1 200 176Z"
fill="url(#e)"
/>
<path
d="m291.994 165.356 8.012 13.85a24.003 24.003 0 0 1 27.866 38.796l10.588 11.996a40.004 40.004 0 0 0-46.466-64.642Z"
fill="url(#f)"
/>
<path
d="m267.995 108.793 8.01 13.852a40.175 40.175 0 0 0 14.639-14.64l-13.85-8.01a24.143 24.143 0 0 1-8.799 8.798Z"
fill="url(#g)"
/>
<path
d="M256 64a24.027 24.027 0 0 1 24 24h16a40.027 40.027 0 0 0-49.994-38.74l3.988 15.495A24.119 24.119 0 0 1 256 64Z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category