ICONYZ
العربية
أيقونة Pebble من WebHostingHub Glyphs

أيقونة Pebble

whh:pebble

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M768 640v192h-64v32q0 13-9.5 22.5T672 896h-96v96q0 13-9.5 22.5T544 1024H224q-13 0-22.5-9.5T192 992v-96H96q-13 0-22.5-9.5T64 864V448H0V256h64v-96q0-13 9.5-22.5T96 128h96V32q0-13 9.5-22.5T224 0h320q13 0 22.5 9.5T576 32v96h96q13 0 22.5 9.5T704 160v32h64v192h-64v64h64v128h-64v64zM640 256H128v512h512z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونة Pebble في مجموعات أخرى

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

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

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

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

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

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

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

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