ICONYZ
العربية
أيقونة W3c من TopCoat Icons

أيقونة W3c

topcoat:w3c

أيقونة W3c (topcoat:w3c) أيقونة SVG مجانية من مجموعة TopCoat Icons من تصميم TopCoat. مرسومة على شبكة 42 × 42. تُنشر TopCoat Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
TopCoat Icons
المؤلف
TopCoat
الترخيص
Apache-2.0
الحجم
42 × 42
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M36.294 22.483c.096-.389-.003-.787-.367-.914l-1.507-.686c-.374-.155-.848.054-.914.412c-.291.623-.704 1.133-1.371 1.143q-.87 0-1.418-.938c-.548-.938-.55-1.44-.55-2.445s.185-1.83.55-2.469q.548-.96 1.418-.96c.73.053 1.076.515 1.37 1.096c.157.383.58.473.915.367l1.507-.686c.35-.184.507-.638.32-.96q-1.325-2.833-4.113-2.833q-2.333 0-3.771 1.782q-1.441 1.784-1.441 4.663c0 2.879.479 3.467 1.44 4.64q1.44 1.76 3.772 1.759q2.789.001 4.16-2.971m-14.537 2.97c2.423-.035 4.269-1.701 4.298-3.885c-.043-1.152-.507-2.049-1.326-2.742c.72-.682 1.136-1.61 1.143-2.514c-.059-2.47-2.114-3.638-4.114-3.657q-2.606 0-4.022 2.057q-.322.458.092.915l1.096 1.004c.352.314.743.256 1.051-.045q.686-.96 1.646-.96q.777 0 .913.388c.177.385.126.736 0 1.053c-.471.488-1.376.341-2.043.341c-.434.016-.99.27-.99.686v1.647c0 .472.574.784.99.686c.503 0 1.89-.057 2.096.365c.106.244.213.442.213.595c0 .7-.353 1.05-1.116 1.05c-.73 0-1.328-.335-1.816-1.005c-.299-.361-.762-.365-1.044-.092l-1.14 1.143q-.41.413-.09.869c1.037 1.457 2.546 2.09 4.163 2.102zm-4.525-11.938c.083-.439-.24-1.015-.64-1.015H14.58c-.365 0-.579.329-.64.695l-.96 4.963l-1.005-5c-.093-.365-.32-.658-.686-.658H9.826c-.397 0-.625.329-.686.695l-1.006 4.963l-.96-5c-.06-.365-.29-.658-.686-.658H4.523c-.502 0-.742.581-.686 1.015l2.515 11.248c.092.368.32.737.686.737h1.92c.364 0 .594-.297.686-.665l.914-4.626l.913 4.656c.062.366.29.635.686.635h1.92c.367 0 .595-.37.686-.737zM40.5 1.5v30.625l-20 9.375l-20-9.375V1.5z"/></svg>

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

React

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

<Icon icon="topcoat:w3c" width="24" />

Vue

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

<template>
  <Icon icon="topcoat:w3c" width="24" />
</template>

Svelte

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

<Icon icon="topcoat:w3c" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="topcoat:w3c"></iconify-icon>

صورة HTML

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

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

أيقونة W3c من Elusive Icons
Elusive Icons
 أيقونة W3c من File Icons
File Icons
 أيقونة W3c من Font Awesome Brands
Font Awesome Brands
 أيقونة W3c من SVG Logos
SVG Logos

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

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

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

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

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

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

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

تصفح كل TopCoat Icons →