ICONYZ
العربية
أيقونة Webcomponents من SVG Logos

أيقونة Webcomponents

logos:webcomponents

أيقونة Webcomponents (logos:webcomponents) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 209. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 209
الوسوم
webcomponent
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="209" viewBox="0 0 256 209"><defs><linearGradient id="SVGvYykzHSh" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#2a3b8f"/><stop offset="100%" stop-color="#29abe2"/></linearGradient><linearGradient id="SVGF9WwgdES" x1="100%" x2="0%" y1="50%" y2="50%"><stop offset="0%" stop-color="#b4d44e"/><stop offset="100%" stop-color="#e7f716"/></linearGradient></defs><path fill="#166da5" d="m255.997 104.029l-27.805 46.82l-38.991-47.46l38.991-46.181z"/><path fill="#8fdb69" d="m225.156 158.839l-42.347-50.656l-25.408 42.507l39.47 57.687z"/><path fill="#166da5" d="m224.676 48.898l-41.867 50.816l-25.408-42.506L196.871.16z"/><path fill="url(#SVGvYykzHSh)" d="M96.997 48.898h127.679L196.552.16h-71.43z" opacity=".95"/><path fill="url(#SVGvYykzHSh)" d="M182.809 99.874h70.631l-25.408-42.826h-70.791" opacity=".95"/><path fill="url(#SVGF9WwgdES)" d="M225.156 158.999H96.838l28.124 48.739h71.909z" opacity=".95"/><path fill="#010101" d="M124.962 207.738L64.878 103.869L125.761 0H59.924L0 103.869l59.924 103.869z"/><path fill="url(#SVGF9WwgdES)" d="M182.809 108.024h70.631l-25.408 42.825h-70.791" opacity=".95"/></svg>

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

React

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

<Icon icon="logos:webcomponents" width="24" />

Vue

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

<template>
  <Icon icon="logos:webcomponents" width="24" />
</template>

Svelte

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

<Icon icon="logos:webcomponents" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="logos:webcomponents"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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