Balena icon

logos:balena

The Balena icon (logos:balena) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 282 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 282

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="282" viewBox="0 0 256 282"><path fill="#ffc600" d="M133.942 168.588v82.23a31.3 31.3 0 0 0 9.923-3.557l68.042-39.121a32.24 32.24 0 0 0 16.135-27.89v-78.02c0-3.167-.525-6.239-1.435-9.183l-73.95 42.665c-15.205 10.752-18.493 20.931-18.708 32.876"/><path fill="#f6eb61" d="m253.595 77.472l-26.988 15.575c.91 2.938 1.428 6.016 1.428 9.17v78.039c0 11.473-6.177 22.164-16.128 27.89l-68.042 39.115a31.3 31.3 0 0 1-9.916 3.563v31.057a38.9 38.9 0 0 0 13.675-4.682l88.36-50.81a39.9 39.9 0 0 0 19.949-34.485V90.568a38.7 38.7 0 0 0-2.338-13.096"/><path fill="#439879" d="M127.744 142.745c4.022-6.568 10.018-12.234 18.634-17.657l74.442-42.954a31.5 31.5 0 0 0-8.913-7.801l-68.042-39.115a32.28 32.28 0 0 0-32.114.014L43.99 74.326c-3.57 2.055-6.561 4.823-9.027 7.976l74.092 42.752c8.664 5.457 14.666 11.123 18.688 17.691"/><path fill="#28cdfb" d="m43.992 74.326l67.759-39.094a32.28 32.28 0 0 1 32.114-.02l68.042 39.127c3.504 2.015 6.468 4.716 8.906 7.795l26.948-15.542a38.9 38.9 0 0 0-11.783-10.51l-88.36-50.809a39.92 39.92 0 0 0-39.707.027L19.907 56.07A39.5 39.5 0 0 0 8.03 66.76l26.927 15.535a31.5 31.5 0 0 1 9.028-7.976"/><path fill="#fdd757" d="m111.75 247.24l-67.758-39.094a32.24 32.24 0 0 1-16.101-27.863v-78.087c0-3.072.505-6.063 1.354-8.933L2.243 77.681A38.9 38.9 0 0 0 0 90.528V191.95a39.87 39.87 0 0 0 19.907 34.452l87.997 50.776c4.177 2.398 8.758 3.94 13.635 4.689V250.79a31.2 31.2 0 0 1-9.788-3.55"/><path fill="#ec8b00" d="M102.717 135.631L29.245 93.256c-.85 2.87-1.348 5.861-1.348 8.933v78.087c0 11.466 6.171 22.144 16.101 27.864l67.746 39.1c3.079 1.765 6.393 2.897 9.789 3.537v-82.21c-.216-11.924-3.497-22.103-18.823-32.936"/></svg>

How to use the Balena icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:balena" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:balena" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:balena" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--balena]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:balena"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:balena"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/balena.svg" alt="Balena icon" width="24" height="24">

Balena icon FAQ

Is the Balena icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Balena icon in React?

Install @iconify/react and render <Icon icon="logos:balena" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Balena icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/balena.svg" alt="Balena icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →