Add icons to this collection by clicking the heart icon.
Health Bar icon - also known as video game, gaming, life bar, and health bar. Created in a clean circular style with a white, silver, gray, red, olive, teal, navy, 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="512"
height="512"
viewBox="0 0 74 74"
>
<path
fill="#ad5ef6"
d="M69 36.99C69 54.65 54.68 69 37.01 69 19.32 69 5 54.65 5 36.99 5 19.32 19.32 5 37.01 5 54.68 5 69 19.32 69 36.99z"
/>
<path
fill="#bb7bff"
d="M63.5 36.99c0 14.63-11.86 26.51-26.49 26.51-14.65 0-26.51-11.88-26.51-26.51S22.36 10.5 37.01 10.5c14.63 0 26.49 11.86 26.49 26.49z"
/>
<path
d="M61.24 29.88c0-2.3-1.86-4.16-4.16-4.16H19.59c-2.3 0-4.16 1.86-4.16 4.16v24.31c0 1.17.48 2.22 1.25 2.97.01.01.03.02.04.04.18.17.36.32.56.46.06.04.13.07.19.1.17.1.33.2.51.27.12.05.26.08.39.12s.25.09.39.12c.25.05.51.07.78.08.02 0 .04.01.05.01h37.49a4.163 4.163 0 0 0 4.16-4.16z"
opacity=".15"
/>
<g fill="#fff">
<path
d="M62.7 31.49c.95.95 2.49.95 3.44 0a2.439 2.439 0 0 0 0 3.44c-.95-.95-2.49-.95-3.44 0 .48-.48.71-1.1.71-1.72s-.24-1.24-.71-1.72zM40.32 16.36c.72.72 1.89.72 2.61 0a1.833 1.833 0 0 0 0 2.6c-.72-.72-1.89-.72-2.61 0a1.833 1.833 0 0 0 0-2.6zM53.93 18.73c0-.59.47-1.07 1.06-1.07a1.071 1.071 0 0 1 0 2.14c-.59 0-1.06-.48-1.06-1.07zM11.38 31.74c-.95.95-2.49.95-3.44 0a2.439 2.439 0 0 1 0 3.44c.95-.95 2.49-.95 3.44 0-.48-.48-.71-1.1-.71-1.72s.23-1.24.71-1.72zM33.43 11.38c-.72.72-1.89.72-2.61 0a1.833 1.833 0 0 1 0 2.6c.72-.72 1.89-.72 2.61 0a1.833 1.833 0 0 1 0-2.6zM18.55 18.73c0-.59-.47-1.07-1.06-1.07a1.071 1.071 0 0 0 0 2.14c.59 0 1.06-.48 1.06-1.07z"
/>
</g>
<path
fill="#fff"
d="M59.91 28.22v24.31c0 2.3-1.86 4.16-4.16 4.16H18.26c-2.3 0-4.16-1.86-4.16-4.16V28.22c0-2.3 1.86-4.16 4.16-4.16h37.49a4.17 4.17 0 0 1 4.16 4.16z"
/>
<path
fill="#fcbb34"
d="M25.45 28.61c.18-.01.32.13.32.31v1.57c0 1.97-1.03 3.8-2.71 4.83l-.54.33c-.1.06-.22.06-.32 0l-.54-.33a5.672 5.672 0 0 1-2.71-4.83v-1.57c0-.18.15-.32.32-.31 1.08.06 2.06-.15 2.94-.61a.3.3 0 0 1 .29 0c.89.46 1.87.67 2.95.61z"
/>
<path
fill="#fff"
d="M19.25 30.9c-.09 0-.16-.07-.16-.16v-1.61c0-.09.07-.16.16-.16s.16.07.16.16v1.61c0 .09-.07.16-.16.16z"
opacity=".3"
/>
<path
d="M25.77 28.92v1.57c0 1.97-1.02 3.8-2.71 4.83l-.54.33c-.1.06-.22.06-.32 0l-.54-.33c-.61-.37-1.14-.86-1.56-1.41.16.12.32.24.49.34l.54.33c.1.06.23.06.32 0l.55-.33a5.66 5.66 0 0 0 2.71-4.83v-.82c.24.01.49.02.74 0 .18 0 .32.14.32.32z"
opacity=".1"
/>
<path
fill="#df1c1c"
d="M21.99 34.79a5.069 5.069 0 0 1-2.41-4.3v-1.25h.06c.98 0 1.9-.21 2.72-.62.83.41 1.74.62 2.73.62h.06v1.25c0 1.74-.92 3.39-2.41 4.3l-.38.23z"
/>
<path
d="M25.16 29.24v.49c-.82-.05-1.58-.26-2.28-.6-.83.41-1.75.62-2.73.62h-.06V31c0 1.23.45 2.4 1.25 3.31a5.044 5.044 0 0 1-1.75-3.81v-1.25h.06c.98 0 1.9-.21 2.73-.62.83.41 1.75.62 2.73.62-.02-.01.02-.01.05-.01z"
opacity=".1"
/>
<path
fill="#303149"
d="M56.06 31.82c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h24.88c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#00e26d"
d="M42.93 31.82c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h11.75c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#303149"
d="M56.06 40.38c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h24.88c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#df1c1c"
d="M50.12 40.38c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h18.94c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#303149"
d="M56.06 48.93c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h24.88c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#02b9ef"
d="M45.2 48.93c0 .77-.62 1.39-1.39 1.39H29.79a1.385 1.385 0 0 1 0-2.77h14.02c.77 0 1.39.62 1.39 1.38z"
/>
<path
fill="#6468af"
d="m25.82 37.99-4.17 3.86-.76-.75 3.86-4.18 1.32-.24z"
/>
<path fill="#4a4b98" d="m25.82 37.99-4.17 3.86-.38-.37 4.8-4.8z" />
<path fill="#4a4b98" d="m25.82 37.99-1.07.01v-1.08l1.32-.24z" />
<path fill="#6468af" d="m25.82 37.99-1.07.01 1.32-1.32z" />
<path fill="#fcbb34" d="m20.042 40.998.424-.424 1.69 1.69-.425.424z" />
<path
d="m22.16 42.28-.42.42-1.69-1.7.42-.42.38.38a.32.32 0 0 0 0 .46l.47.47c.13.13.34.13.46 0z"
opacity=".1"
/>
<g fill="#fcbb34">
<circle
cx="22.06"
cy="42.59"
r=".52"
transform="rotate(-45 22.053 42.6)"
/>
<circle
cx="20.15"
cy="40.69"
r=".52"
transform="rotate(-45 20.148 40.695)"
/>
</g>
<path
d="M22.43 42.96c-.2.2-.54.21-.74 0a.52.52 0 0 1-.1-.6.522.522 0 0 0 .89.33c.04-.04.07-.09.1-.14.01.15-.04.3-.15.41zM20.53 41.06c-.2.2-.54.21-.74 0a.52.52 0 0 1-.1-.6.522.522 0 0 0 .89.33c.04-.04.07-.09.1-.14.01.14-.04.3-.15.41z"
opacity=".1"
/>
<path
fill="#d57030"
d="m21.24 42.2-1.74 1.74a.489.489 0 0 1-.69-.69l1.74-1.74z"
/>
<g fill="#bc5b24">
<path
d="m20.185 41.86.177-.177.693.693-.177.177zM19.764 42.28l.177-.177.693.693-.177.177zM19.344 42.7l.177-.177.693.693-.177.177zM18.924 43.12l.177-.177.693.693-.177.176z"
/>
</g>
<path
d="m20.55 41.5-.19.19c.31.31.31.8 0 1.11l-1.27 1.27c.15.02.3-.02.41-.14l1.74-1.74z"
opacity=".1"
/>
<path
fill="#00e26d"
d="M26.27 48.25v1.38c0 .23-.18.42-.42.42h-2.37v2.37c0 .23-.18.42-.42.42h-1.38c-.23 0-.42-.19-.42-.42v-2.37h-2.37c-.23 0-.42-.19-.42-.42v-1.38c0-.24.19-.42.42-.42h2.37v-2.37c0-.24.19-.42.42-.42h1.38c.24 0 .42.18.42.42v2.37h2.37c.23 0 .42.18.42.42z"
/>
<path
d="M21.25 49.67v.38h-2.37a.43.43 0 0 1-.42-.38zM23.47 47.83h-.37v-2.79c.22.03.38.2.38.42v2.37zM26.27 48.25v1.38c0 .23-.18.42-.42.42h-2.37v2.37c0 .23-.18.42-.42.42h-1.38a.43.43 0 0 1-.42-.38h1.42c.24 0 .42-.19.42-.42v-2.37h2.37c.24 0 .42-.19.42-.42v-1.42c.22.02.38.2.38.42z"
opacity=".1"
/>
<path
d="M55.74 24.06h-.38v5.21c0 12.9-10.46 23.36-23.36 23.36H14.1c.05 2.25 1.89 4.07 4.15 4.07h37.49c2.3 0 4.16-1.86 4.16-4.16V28.22c.01-2.29-1.86-4.16-4.16-4.16z"
opacity=".1"
/>
<g fill="#fff">
<path
d="M16.79 42.04c-.38 0-.69-.31-.69-.69v-11.3c0-.38.31-.69.69-.69s.69.31.69.69v11.3c0 .37-.31.69-.69.69z"
opacity=".5"
/>
<path
d="M30.82 31.46c0-.17.14-.31.31-.31h5.04c.17 0 .31.14.31.31s-.14.31-.31.31h-5.04c-.17 0-.31-.14-.31-.31zM30.82 40.16c0-.17.14-.31.31-.31h5.04c.17 0 .31.14.31.31s-.14.31-.31.31h-5.04c-.17 0-.31-.14-.31-.31zM30.82 48.63c0-.17.14-.31.31-.31h5.04c.17 0 .31.14.31.31s-.14.31-.31.31h-5.04c-.17 0-.31-.14-.31-.31z"
opacity=".3"
/>
</g>
<path
d="M54.67 30.44h-.52c0 .95-.77 1.73-1.73 1.73H28.46c.16.6.69 1.04 1.33 1.04h24.88a1.385 1.385 0 1 0 0-2.77zM54.67 39h-.52c0 .95-.77 1.73-1.73 1.73H28.46c.16.6.69 1.04 1.33 1.04h24.88a1.385 1.385 0 1 0 0-2.77zM54.67 47.55h-.52c0 .95-.77 1.73-1.73 1.73H28.46c.16.6.69 1.04 1.33 1.04h24.88a1.385 1.385 0 1 0 0-2.77z"
opacity=".1"
/>
</svg>
More icons in the same style and category