Ikon Builder Io
logos:builder-io
Ikon Builder Io (logos:builder-io) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 110. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 110
- Tag
- builderio
Kode SVG
<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>Cara memakai ikon Builder Io
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/builder-io.svg" alt="Ikon Builder Io" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Builder Io
Apakah ikon Builder Io gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Builder Io di React?
Pasang @iconify/react lalu render <Icon icon="logos:builder-io" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Builder Io ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/builder-io.svg" alt="Ikon Builder Io">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.