أيقونة Clue

icon-park:clue

أيقونة Clue (icon-park:clue) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IconPark
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: الاتصال

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M37 16C39.7614 16 42 13.7614 42 11C42 8.23858 39.7614 6 37 6C34.2386 6 32 8.23858 32 11C32 13.7614 34.2386 16 37 16Z"/><path fill="#2F88FF" d="M11 42C13.7614 42 16 39.7614 16 37C16 34.2386 13.7614 32 11 32C8.23858 32 6 34.2386 6 37C6 39.7614 8.23858 42 11 42Z"/><path stroke-linecap="round" d="M37 16V35.5042C37 39.0917 34.0917 42 30.5042 42V42C26.9166 42 24.0083 39.0917 24.0083 35.5042V12.5042C24.0083 8.91201 21.0963 6 17.5042 6V6C13.912 6 11 8.91201 11 12.5042L11 32"/></g></svg>

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

React

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

<Icon icon="icon-park:clue" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:clue" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:clue" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:clue"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:clue"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/clue.svg" alt="أيقونة Clue" width="24" height="24">

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

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

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

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

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

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

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

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

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