Builder Io icon

logos:builder-io

The Builder Io icon (logos:builder-io) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 110 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: 512 × 110
Tags: builderio

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="110" viewBox="0 0 512 110"><path fill="#18b4f4" d="M96.156 30.92a30.87 30.87 0 0 1-11.474 24.051L2.179 8.121a4.5 4.5 0 0 1-.871-.648A4.37 4.37 0 0 1 0 4.362A4.36 4.36 0 0 1 4.36 0h60.89a30.9 30.9 0 0 1 21.854 9.057a30.93 30.93 0 0 1 9.052 21.863"/><path fill="#fd6b3c" d="M96.156 79.02a30.92 30.92 0 0 1-19.077 28.574a30.9 30.9 0 0 1-11.829 2.355H4.36a4.36 4.36 0 0 1-3.999-2.738a4.36 4.36 0 0 1 .998-4.744c.246-.246.522-.46.82-.64L34.65 83.39l50.026-28.412a30.89 30.89 0 0 1 11.48 24.043"/><path fill="#a97ff2" d="m84.682 54.971l-50.033 28.42L2.18 101.826q-.47.262-.858.634A67.96 67.96 0 0 0 20.61 54.97A67.92 67.92 0 0 0 1.33 7.473q.396.377.872.648z"/><path d="M163.776 40.322c14.264 0 22.323 11.398 22.323 25.206c0 13.806-8.06 25.117-22.323 25.117c-7.413 0-13.08-2.965-16.213-7.996l-1.293 6.862h-8.924V23.265h11.045v24.464c2.688-4.107 7.972-7.407 15.385-7.407m-2.225 40.589c8.336 0 13.523-6.761 13.523-15.383c0-8.804-5.187-15.48-13.523-15.48s-13.53 6.66-13.53 15.48c0 8.628 5.101 15.383 13.53 15.383m63.361-11.21V41.44h11.023v27.7c0 12.359-5.645 21.504-21.212 21.504c-15.565 0-21.212-9.175-21.212-21.504v-27.7h11.025V69.7c0 7.503 3.517 11.21 10.173 11.21s10.203-3.707 10.203-11.21m19.845-43.092a7.03 7.03 0 0 1 2.06-5.236a7 7 0 0 1 5.245-2.033c4.186 0 7.2 3.016 7.2 7.305c0 4.29-3.014 7.104-7.2 7.104c-4.187 0-7.305-2.958-7.305-7.14m196.674 0a7 7 0 0 1 2.046-5.222a7 7 0 0 1 2.396-1.57a7 7 0 0 1 2.824-.478c4.187 0 7.203 3.017 7.203 7.306c0 4.29-3.016 7.104-7.203 7.104c-4.186 0-7.266-2.958-7.266-7.14m-13.945 48.937c4.186 0 7.2 3.016 7.2 7.27s-3.014 7.11-7.2 7.11c-4.187 0-7.267-2.922-7.267-7.11a7 7 0 0 1 2.043-5.225a7 7 0 0 1 5.224-2.045m-3.765-34.571l1.57.095V51.35a20 20 0 0 0-2.5-.19c-7.782 0-12.412 4.08-12.412 13.348v25.025h-11.024V41.441h8.903l1.285 6.667c1.759-3.054 5.814-7.133 14.178-7.133m-177.22.46h11.025v48.1h-11.024zm22.05 48.1v-66.27h11.022v66.284zm56.507-66.27h11.024v66.284h-8.903l-1.293-6.864c-3.052 5.01-8.72 7.998-16.205 7.998c-14.178 0-22.237-11.4-22.237-25.12c0-13.718 8.059-25.205 22.237-25.205c7.5 0 12.689 3.33 15.377 7.407zm-13.081 26.798c-8.335 0-13.524 6.674-13.524 15.48c0 8.622 5.19 15.383 13.524 15.383c8.335 0 13.524-6.761 13.524-15.383c.014-8.834-5.08-15.495-13.51-15.495zm77.924 26.312c-3.423 8.615-11.395 14.27-21.86 14.27c-14.533 0-23.98-10.847-23.98-25.212c0-13.995 9.636-25.111 23.901-25.111s23.624 10.839 23.624 24.928a13.6 13.6 0 0 1-.297 3.425h-36.4c.828 7.605 5.741 12.513 13.43 12.513c5.282 0 9.635-2.596 11.67-7.41zm-34.83-15.85h25.571c-.93-6.673-5.558-11.217-12.695-11.217c-7.136 0-11.764 4.637-12.877 11.218m88.104-19.09h11.023v48.1h-11.023zm18.894 24.093c0-13.53 9.636-25.206 24.918-25.206S512 51.998 512 65.528s-9.628 25.117-25.013 25.117c-15.384 0-24.918-11.587-24.918-25.117m24.918 15.383c8.066 0 13.989-6.115 13.989-15.383c0-9.27-5.923-15.478-13.989-15.478s-13.909 6.112-13.909 15.478c0 9.363 5.944 15.383 13.91 15.383"/></svg>

How to use the Builder Io icon

React

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

<Icon icon="logos:builder-io" width="24" />

Vue

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

<template>
  <Icon icon="logos:builder-io" width="24" />
</template>

Svelte

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

<Icon icon="logos:builder-io" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:builder-io"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/builder-io.svg" alt="Builder Io icon" width="24" height="24">

Related icons in SVG Logos

Builder Io icon FAQ

Is the Builder Io 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 Builder Io icon in React?

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

How do I add the Builder Io icon to a web page?

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

Browse all SVG Logos icons →