ICONYZ
العربية
أيقونة Carbon Ui Builder من Carbon

أيقونة Carbon Ui Builder

carbon:carbon-ui-builder

أيقونة Carbon Ui Builder (carbon:carbon-ui-builder) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Carbon
المؤلف
IBM
الترخيص
Apache-2.0
الحجم
32 × 32
الفئة
العلامة التجارية
الوسوم
carbonui، uibuilder، carbonuibuilder
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24 28h6v2h-6z"/><circle cx="21" cy="29" r="1" fill="currentColor"/><circle cx="29" cy="25" r="1" fill="currentColor"/><path fill="currentColor" d="M26 26h-6v-2h6zm-2-6h6v2h-6z"/><circle cx="21" cy="21" r="1" fill="currentColor"/><path fill="currentColor" d="m21.493 14.13l-8.5-4.815a1 1 0 0 0-.986 0l-8.5 4.815A1 1 0 0 0 3 15v10a1 1 0 0 0 .507.87l8.5 4.815l.986-1.74L5 24.417v-8.834l7.5-4.248l7.5 4.248V18h2v-3a1 1 0 0 0-.507-.87"/><path fill="currentColor" d="M25 15h2V7a1 1 0 0 0-.507-.87l-8.5-4.815a1 1 0 0 0-.986 0l-8.5 4.815l.986 1.74L17.5 3.334L25 7.583z"/></svg>

كيفية استخدام أيقونة Carbon Ui Builder

React

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

<Icon icon="carbon:carbon-ui-builder" width="24" />

Vue

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

<template>
  <Icon icon="carbon:carbon-ui-builder" width="24" />
</template>

Svelte

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

<Icon icon="carbon:carbon-ui-builder" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="carbon:carbon-ui-builder"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/carbon-ui-builder.svg" alt="أيقونة Carbon Ui Builder" width="24" height="24">

أيقونات ذات صلة في Carbon

أيقونة carbon
carbon
 أيقونة carbon-accounting
carbon-accounting
 أيقونة carbon-for-aem
carbon-for-aem
 أيقونة carbon-for-ibm-dotcom
carbon-for-ibm-dotcom
 أيقونة carbon-for-ibm-product
carbon-for-ibm-product
 أيقونة carbon-for-mobile
carbon-for-mobile
 أيقونة carbon-for-salesforce
carbon-for-salesforce

الأسئلة الشائعة حول أيقونة Carbon Ui Builder

هل أيقونة Carbon Ui Builder مجانية للاستخدام التجاري؟

نعم. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Carbon Ui Builder في React؟

ثبّت @iconify/react واعرض <Icon icon="carbon:carbon-ui-builder" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Carbon Ui Builder إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/carbon/carbon-ui-builder.svg" alt="أيقونة Carbon Ui Builder">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Carbon →