Add icons to this collection by clicking the heart icon.
Energy icon - also known as power, energy, bar, ui, and gaming. Created in a clean lineal color 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"
>
<linearGradient id="a">
<stop offset=".086" stop-color="#fff" />
<stop offset="1" stop-color="#f9d56e" />
</linearGradient>
<linearGradient
id="b"
x1="57.484"
x2="57.484"
y1="83.523"
y2="215.385"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="316.663"
x2="316.663"
y1="332.804"
y2="389.843"
gradientUnits="userSpaceOnUse"
>
<stop offset=".086" stop-color="#fff" />
<stop offset="1" stop-color="#14baab" />
</linearGradient>
<linearGradient
id="d"
x1="316.663"
x2="316.663"
y1="122.17"
y2="179.209"
gradientUnits="userSpaceOnUse"
>
<stop offset=".086" stop-color="#fff" />
<stop offset="1" stop-color="#e8505b" />
</linearGradient>
<linearGradient
id="e"
x1="57.472"
x2="57.472"
y1="293.818"
y2="426.019"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#f9d56e"
d="M92.293 122.744H77.515L79.9 74.676c.687-13.16-16.594-18.885-23.801-7.726L7.461 141.877c-3.63 5.601-3.941 12.704-.726 18.564a18.084 18.084 0 0 0 15.919 9.488H38.78l-9.645 55.225c-2.465 13.849 15.901 21.031 23.593 9.333l54.705-83.639c3.682-5.6 3.993-12.704.83-18.563-3.214-5.86-9.332-9.541-15.97-9.541z"
/>
<path
fill="url(#b)"
d="M57.288 154.376H22.654a2.524 2.524 0 0 1-2.228-1.322c-.499-.906-.446-1.889.089-2.719l43.371-66.812-2.717 54.775h31.125c.927 0 1.841.572 2.329 1.463.4.744.347 1.727-.187 2.542l-47.802 73.081z"
opacity=".7"
/>
<path
fill="#14baab"
d="M463.408 317.246h-293.49c-24.268 0-44.075 19.756-44.075 44.075s19.808 44.075 44.075 44.075h293.49c24.319 0 44.075-19.756 44.075-44.075s-19.756-44.075-44.075-44.075zm-239.969 51.845h-55.003a7.778 7.778 0 0 1 0-15.556h55.003a7.778 7.778 0 0 1 0 15.556z"
/>
<path
fill="url(#c)"
d="M169.917 389.843c-15.726 0-28.519-12.796-28.519-28.519s12.794-28.519 28.519-28.519h293.491c15.726 0 28.519 12.796 28.519 28.519s-12.794 28.519-28.519 28.519zm-1.481-51.864c-12.867 0-23.334 10.467-23.334 23.334s10.467 23.334 23.334 23.334h55.003c12.867 0 23.334-10.467 23.334-23.334s-10.467-23.334-23.334-23.334z"
opacity=".7"
/>
<path
fill="#e8505b"
d="M169.918 194.767h293.49c24.319 0 44.075-19.756 44.075-44.075s-19.756-44.075-44.075-44.075h-293.49c-24.268 0-44.075 19.756-44.075 44.075 0 24.32 19.807 44.075 44.075 44.075zm-1.482-51.845h296.465a7.778 7.778 0 0 1 0 15.556H168.436a7.778 7.778 0 0 1 0-15.556z"
/>
<path
fill="url(#d)"
d="M169.917 179.209c-15.726 0-28.519-12.796-28.519-28.519s12.794-28.519 28.519-28.519h293.491c15.726 0 28.519 12.796 28.519 28.519s-12.794 28.519-28.519 28.519zm-1.481-51.843c-12.867 0-23.334 10.467-23.334 23.334s10.467 23.334 23.334 23.334h296.465c12.867 0 23.334-10.467 23.334-23.334s-10.467-23.334-23.334-23.334z"
opacity=".7"
/>
<path
fill="#f9d56e"
d="M92.293 333.371H77.515l2.385-48.119c.311-5.911-3.318-11.149-8.971-12.963a13.68 13.68 0 0 0-4.044-.622c-12.199 0-9.844 8.125-59.424 80.839-3.63 5.6-3.941 12.704-.726 18.511a18.084 18.084 0 0 0 15.919 9.49H38.78l-9.645 55.275c-2.453 13.785 15.775 21.062 23.593 9.334l54.705-83.639c3.682-5.6 3.993-12.704.778-18.563a18.028 18.028 0 0 0-15.918-9.543z"
/>
<path
fill="url(#e)"
d="M57.286 364.949H22.654a2.524 2.524 0 0 1-2.226-1.317c-.499-.901-.435-1.863.084-2.664 18.706-27.426 30.13-45.843 37.69-58.036 2.056-3.312 4-6.446 5.699-9.115l-2.732 55.109h31.125c.934 0 1.76.496 2.203 1.322.514.942.461 1.889-.061 2.684l-47.805 73.086z"
opacity=".7"
/>
</svg>
More icons in the same style and category