balena logo

balena from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
balena
Set
SVG Logos
Style
Color
Viewbox
256×282
License
CC0

Use the balena logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosBalena(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-balena {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20282%22%3E%3Cpath%20fill%3D%22%23ffc600%22%20d%3D%22M133.942%20168.588v82.23a31.3%2031.3%200%200%200%209.923-3.557l68.042-39.121a32.24%2032.24%200%200%200%2016.135-27.89v-78.02c0-3.167-.525-6.239-1.435-9.183l-73.95%2042.665c-15.205%2010.752-18.493%2020.931-18.708%2032.876%22%2F%3E%3Cpath%20fill%3D%22%23f6eb61%22%20d%3D%22m253.595%2077.472l-26.988%2015.575c.91%202.938%201.428%206.016%201.428%209.17v78.039c0%2011.473-6.177%2022.164-16.128%2027.89l-68.042%2039.115a31.3%2031.3%200%200%201-9.916%203.563v31.057a38.9%2038.9%200%200%200%2013.675-4.682l88.36-50.81a39.9%2039.9%200%200%200%2019.949-34.485V90.568a38.7%2038.7%200%200%200-2.338-13.096%22%2F%3E%3Cpath%20fill%3D%22%23439879%22%20d%3D%22M127.744%20142.745c4.022-6.568%2010.018-12.234%2018.634-17.657l74.442-42.954a31.5%2031.5%200%200%200-8.913-7.801l-68.042-39.115a32.28%2032.28%200%200%200-32.114.014L43.99%2074.326c-3.57%202.055-6.561%204.823-9.027%207.976l74.092%2042.752c8.664%205.457%2014.666%2011.123%2018.688%2017.691%22%2F%3E%3Cpath%20fill%3D%22%2328cdfb%22%20d%3D%22m43.992%2074.326l67.759-39.094a32.28%2032.28%200%200%201%2032.114-.02l68.042%2039.127c3.504%202.015%206.468%204.716%208.906%207.795l26.948-15.542a38.9%2038.9%200%200%200-11.783-10.51l-88.36-50.809a39.92%2039.92%200%200%200-39.707.027L19.907%2056.07A39.5%2039.5%200%200%200%208.03%2066.76l26.927%2015.535a31.5%2031.5%200%200%201%209.028-7.976%22%2F%3E%3Cpath%20fill%3D%22%23fdd757%22%20d%3D%22m111.75%20247.24l-67.758-39.094a32.24%2032.24%200%200%201-16.101-27.863v-78.087c0-3.072.505-6.063%201.354-8.933L2.243%2077.681A38.9%2038.9%200%200%200%200%2090.528V191.95a39.87%2039.87%200%200%200%2019.907%2034.452l87.997%2050.776c4.177%202.398%208.758%203.94%2013.635%204.689V250.79a31.2%2031.2%200%200%201-9.788-3.55%22%2F%3E%3Cpath%20fill%3D%22%23ec8b00%22%20d%3D%22M102.717%20135.631L29.245%2093.256c-.85%202.87-1.348%205.861-1.348%208.933v78.087c0%2011.466%206.171%2022.144%2016.101%2027.864l67.746%2039.1c3.079%201.765%206.393%202.897%209.789%203.537v-82.21c-.216-11.924-3.497-22.103-18.823-32.936%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20282%22%3E%3Cpath%20fill%3D%22%23ffc600%22%20d%3D%22M133.942%20168.588v82.23a31.3%2031.3%200%200%200%209.923-3.557l68.042-39.121a32.24%2032.24%200%200%200%2016.135-27.89v-78.02c0-3.167-.525-6.239-1.435-9.183l-73.95%2042.665c-15.205%2010.752-18.493%2020.931-18.708%2032.876%22%2F%3E%3Cpath%20fill%3D%22%23f6eb61%22%20d%3D%22m253.595%2077.472l-26.988%2015.575c.91%202.938%201.428%206.016%201.428%209.17v78.039c0%2011.473-6.177%2022.164-16.128%2027.89l-68.042%2039.115a31.3%2031.3%200%200%201-9.916%203.563v31.057a38.9%2038.9%200%200%200%2013.675-4.682l88.36-50.81a39.9%2039.9%200%200%200%2019.949-34.485V90.568a38.7%2038.7%200%200%200-2.338-13.096%22%2F%3E%3Cpath%20fill%3D%22%23439879%22%20d%3D%22M127.744%20142.745c4.022-6.568%2010.018-12.234%2018.634-17.657l74.442-42.954a31.5%2031.5%200%200%200-8.913-7.801l-68.042-39.115a32.28%2032.28%200%200%200-32.114.014L43.99%2074.326c-3.57%202.055-6.561%204.823-9.027%207.976l74.092%2042.752c8.664%205.457%2014.666%2011.123%2018.688%2017.691%22%2F%3E%3Cpath%20fill%3D%22%2328cdfb%22%20d%3D%22m43.992%2074.326l67.759-39.094a32.28%2032.28%200%200%201%2032.114-.02l68.042%2039.127c3.504%202.015%206.468%204.716%208.906%207.795l26.948-15.542a38.9%2038.9%200%200%200-11.783-10.51l-88.36-50.809a39.92%2039.92%200%200%200-39.707.027L19.907%2056.07A39.5%2039.5%200%200%200%208.03%2066.76l26.927%2015.535a31.5%2031.5%200%200%201%209.028-7.976%22%2F%3E%3Cpath%20fill%3D%22%23fdd757%22%20d%3D%22m111.75%20247.24l-67.758-39.094a32.24%2032.24%200%200%201-16.101-27.863v-78.087c0-3.072.505-6.063%201.354-8.933L2.243%2077.681A38.9%2038.9%200%200%200%200%2090.528V191.95a39.87%2039.87%200%200%200%2019.907%2034.452l87.997%2050.776c4.177%202.398%208.758%203.94%2013.635%204.689V250.79a31.2%2031.2%200%200%201-9.788-3.55%22%2F%3E%3Cpath%20fill%3D%22%23ec8b00%22%20d%3D%22M102.717%20135.631L29.245%2093.256c-.85%202.87-1.348%205.861-1.348%208.933v78.087c0%2011.466%206.171%2022.144%2016.101%2027.864l67.746%2039.1c3.079%201.765%206.393%202.897%209.789%203.537v-82.21c-.216-11.924-3.497-22.103-18.823-32.936%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/balena.svg?color=%231a73e8&size=48