أيقونة Gearsalt

whh:gearsalt

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="M1022.075 641q2 18 2 32t-2 32h-64q-3 24-9 48l59 25q-9 29-24 59l-60-25q-11 21-27 41l45 45q-20 25-45 45l-45-45q-20 16-41 27l25 59q-30 16-59 25l-25-59q-24 6-48 9v64q-18 2-32 2t-32-2v-64q-24-3-48-9l-24 59q-30-9-60-25l25-59q-21-11-40-27l-46 45q-25-20-45-45l45-45q-15-20-27-41l-59 25q-16-30-25-59l60-25q-7-24-10-48h-64q-2-18-2-32t2-32h64q3-24 10-48l-60-25q9-29 25-59l59 25q12-21 27-41l-45-45q20-25 45-45l46 45q19-16 40-27l-25-60q30-15 60-24l24 59q24-7 48-9v-64q18-2 32-2t32 2v64q24 2 48 9l25-59q29 9 59 24l-25 60q21 12 41 27l45-45q25 20 45 45l-45 45q16 20 27 41l60-25q15 30 24 59l-59 25q6 24 9 48zm-350-128q-66 0-113 47t-47 113t47 113t113 47t113-47t47-113t-47-113t-113-47m-225-214l-12 31q-3 6-9.5 9t-12.5 0l-57-23q-17 24-41 40l24 57q3 7 0 13t-9 9l-31 13q-6 3-12.5 0t-9.5-9l-24-57q-16 3-29 3q-12 0-28-3l-24 57q-2 6-8.5 9t-13.5 0l-30-13q-7-2-9.5-8.5t-.5-13.5l24-56q-24-17-41-41l-57 24q-6 2-12.5-.5t-9.5-8.5l-12-31q-3-7-.5-13.5t9.5-8.5l56-24q-3-16-3-29q0-12 3-29l-57-23q-6-3-8.5-9t-.5-13l13-31q3-6 9-9t13 0l57 23q16-24 40-40l-23-57q-3-7-.5-13t9.5-9l31-13q6-3 12.5 0t9.5 9l23 57q16-3 29-3t29 3l23-57q3-7 9.5-9.5t12.5.5l31 13q7 2 9.5 8.5t-.5 12.5l-23 57q24 17 41 41l56-24q7-2 13.5.5t8.5 8.5l13 31q3 7 .5 13.5t-9.5 8.5l-57 24q3 16 3 29t-3 29l57 23q7 3 9.5 9t-.5 13m-222.5-170q-39.5 0-68 28t-28.5 68t28.5 68t68 28t67.5-28t28-68t-28-68t-67.5-28"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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