أيقونة Search
ls:search
أيقونة Search (ls:search) أيقونة SVG مجانية من مجموعة Ligature Symbols من تصميم Kazuyuki Motoyama. مرسومة على شبكة 717 × 766. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ligature Symbols
- المؤلف
- Kazuyuki Motoyama
- الترخيص
- OFL-1.1
- الحجم
- 717 × 766
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="766" viewBox="0 0 717 766"><path fill="currentColor" d="m541 517l176 176l-72 73l-184-185c-45 25-97 39-151 39C139 620 0 481 0 310S139 0 310 0s311 139 311 310c0 80-31 153-80 207M103 310c0 115 92 207 207 207s207-92 207-207s-92-207-207-207s-207 92-207 207"/></svg>كيفية استخدام أيقونة Search
React
import { Icon } from "@iconify/react";
<Icon icon="ls:search" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:search" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:search" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--search]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:search"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:search"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/ls/search.svg" alt="أيقونة Search" width="24" height="24">أيقونة Search في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Search
هل أيقونة Search مجانية للاستخدام التجاري؟
نعم. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Search في React؟
ثبّت @iconify/react واعرض <Icon icon="ls:search" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Search إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ls/search.svg" alt="أيقونة Search">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.