أيقونة Userfilter

whh:userfilter

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="m992.226 256l-380 468l-36 236q0 27-18.5 45.5t-45.5 18.5t-45.5-18.5t-18.5-45.5l-36-236l-380-468l-23-32q-9-15-9-32q0-26 19-45t45-19h256q0 119 16 163q-80 47-80 167q0 13 11.5 23t35.5 15.5t46 9t57 4.5t54 1.5t52 .5t52-.5t54-1.5t57-4.5t46-9t35.5-15.5t11.5-23q0-120-80-167q16-44 16-163h256q27 0 45.5 19t18.5 45q0 17-9 32zm-416 17v53q56 11 91.5 37t36.5 58q0 27-192 27t-192-27q1-32 36.5-58t91.5-37v-55q-64-41-64-166q0-52 36-78.5t92-26.5t92 26.5t36 78.5q0 131-64 168"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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