Add icons to this collection by clicking the heart icon.
Bar Graph icon - also known as increase, up, smile, bar graph, business and finance, and gain. Created in a clean lineal color style with a silver, black, yellow, and orange finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c2.75 0 3.543 1.715 1.763 3.811l-55.284 65.097c-1.78 2.096-4.693 2.096-6.474 0L-115.28 3.811C-117.061 1.715-116.267 0-113.517 0h25.058c2.75 0 5-2.25 5-5v-319.07c0-2.75 2.25-5 5-5h43.404c2.75 0 5 2.25 5 5V-5c0 2.75 2.25 5 5 5z"
transform="translate(501.786 405.484)"
fill="#ffdc48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.75 0-5 2.25-5 5v319.07c0 2.75-2.25 5-5 5h-33.825l-17.996-21.189c-1.78-2.096-.987-3.811 1.763-3.811H-35c2.75 0 5-2.25 5-5V-20c0-2.75 2.25-5 5-5h43.405c2.75 0 5 2.25 5 5V0Z"
transform="translate(448.327 101.414)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M471.731 76.414h-53.405v152.932h53.405z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v147.932h-25V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(443.327 81.414)"
fill="#08a9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M471.731 76.414h-53.405v152.932h53.405z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c2.75 0 3.543 1.715 1.763 3.811l-55.284 65.097c-1.78 2.096-4.693 2.096-6.474 0L-115.28 3.811C-117.061 1.715-116.267 0-113.517 0h25.058c2.75 0 5-2.25 5-5v-319.07c0-2.75 2.25-5 5-5h43.404c2.75 0 5 2.25 5 5V-5c0 2.75 2.25 5 5 5z"
transform="translate(501.786 405.484)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.405c-2.75 0-5 2.25-5 5v141.805c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(60.905 41.863)"
fill="#ffdc48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v141.805c0 2.75 2.25 5 5 5h-25c-2.75 0-5-2.25-5-5V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(32.5 41.863)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60.905 36.863H7.5v69.408h53.405z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v141.805c0 2.75 2.25 5 5 5h-25c-2.75 0-5-2.25-5-5V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(32.5 41.863)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60.905 36.863H7.5v69.408h53.405z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.408h-25V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(32.5 41.863)"
fill="#08a9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60.905 36.863H7.5v69.408h53.405z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.405c-2.75 0-5 2.25-5 5v141.805c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(60.905 41.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.404c-2.75 0-5 2.25-5 5v196.021c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(159.834 41.863)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v196.021c0 2.75 2.25 5 5 5h-25c-2.75 0-5-2.25-5-5V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(131.43 41.863)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M159.834 36.863H106.43v94.201h53.404z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v89.201h-25V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(131.43 41.863)"
fill="#08a9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M159.834 36.863H106.43v94.201h53.404z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.404c-2.75 0-5 2.25-5 5v196.021c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(159.834 41.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.404c-2.75 0-5 2.25-5 5v251.109c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(258.763 41.863)"
fill="#ffdc48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v251.109c0 2.75 2.25 5 5 5h-25c-2.75 0-5-2.25-5-5V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(230.359 41.863)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M258.763 36.863h-53.404v119.389h53.404z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v114.389h-25V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(230.359 41.863)"
fill="#08a9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M258.763 36.863h-53.404v119.389h53.404z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.404c-2.75 0-5 2.25-5 5v251.109c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(258.763 41.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.406c-2.75 0-5 2.25-5 5v306.195c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(357.693 41.863)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v306.195c0 2.75 2.25 5 5 5h-25c-2.75 0-5-2.25-5-5V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(329.287 41.863)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M357.693 36.863h-53.406v144.574h53.406z"
fill="#01c0fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v139.574h-25V0c0-2.75 2.25-5 5-5H5C2.25-5 0-2.75 0 0"
transform="translate(329.287 41.863)"
fill="#08a9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M357.693 36.863h-53.406v144.574h53.406z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-2.75-2.25-5-5-5h-43.406c-2.75 0-5 2.25-5 5v306.195c0 2.75 2.25 5 5 5H-5c2.75 0 5-2.25 5-5z"
transform="translate(357.693 41.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-32.768-26.501-59.332-59.192-59.332-32.689 0-59.193 26.564-59.193 59.332 0 32.77 26.504 59.334 59.193 59.334C-26.501 59.334 0 32.77 0 0"
transform="translate(504.222 95.37)"
fill="#ffdc48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 28.863 20.565 52.9 47.804 58.225a59.358 59.358 0 0 1-11.389 1.109C3.726 59.334-22.778 32.77-22.778 0c0-32.768 26.504-59.332 59.193-59.332 3.897 0 7.702.389 11.389 1.107C20.565-52.9 0-28.861 0 0"
transform="translate(408.615 95.37)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-32.768-26.501-59.332-59.192-59.332-32.689 0-59.193 26.564-59.193 59.332 0 32.77 26.504 59.334 59.193 59.334C-26.501 59.334 0 32.77 0 0Z"
transform="translate(504.222 95.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-6.172"
transform="translate(425.486 116.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-6.172"
transform="translate(464.575 116.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-11.635-9.354-21.102-20.848-21.102-11.496 0-20.847 9.467-20.847 21.102"
transform="translate(465.877 84.48)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h411.998"
transform="translate(43.03 36.037)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category