أيقونة Builder Io
logos:builder-io
أيقونة Builder Io (logos:builder-io) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 110. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 110
- الوسوم
- builderio
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/logos/builder-io.svg" alt="أيقونة Builder Io" width="24" height="24">أيقونات ذات صلة في SVG Logos
الأسئلة الشائعة حول أيقونة Builder Io
هل أيقونة Builder Io مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Builder Io في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:builder-io" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Builder Io إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/builder-io.svg" alt="أيقونة Builder Io">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.