أيقونة Websitebuilder

whh:websitebuilder

أيقونة Websitebuilder (whh:websitebuilder) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 1024 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 256q-3 104-77.5 180T768 512q-29 0-60-8q8 31 33.5 51.5T800 576l96 96l82 85q46 46 46 110.5t-46 110t-110.5 45.5T757 978l-85-82l-96-96q0-40-28-68t-68-28l-7-7v-1l-247 319q-10 9-86.5 9t-85.5-9L9 971q-9-10-9-86.5T9 798l420-325l-216-217H96L0 64L64 0l192 96v116l222 223l66-51q0-1 1-1h1q-34-60-34-127q0-104 75.5-179T768 0v38l-82 78q-46 46-46 110.5T686 337t111 46t111-46l77-81zM128 832q-27 0-45.5 18.5t-18.5 45T82.5 941t45.5 19t45.5-19t18.5-45.5t-18.5-45T128 832"/></svg>

كيفية استخدام أيقونة Websitebuilder

React

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

<Icon icon="whh:websitebuilder" width="24" />

Vue

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

<template>
  <Icon icon="whh:websitebuilder" width="24" />
</template>

Svelte

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

<Icon icon="whh:websitebuilder" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--websitebuilder]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:websitebuilder"></div>

مكوّن ويب

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

<iconify-icon icon="whh:websitebuilder"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/websitebuilder.svg" alt="أيقونة Websitebuilder" width="24" height="24">

الأسئلة الشائعة حول أيقونة Websitebuilder

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Websitebuilder في React؟

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

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

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

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