أيقونة Puzzle Filled

tabler:puzzle-filled

أيقونة Puzzle Filled (tabler:puzzle-filled) أيقونة SVG مجانية من مجموعة Tabler Icons من تصميم Paweł Kuna. مرسومة على شبكة 24 × 24. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Tabler Icons
المؤلف: Paweł Kuna
الترخيص: MIT
الحجم: 24 × 24
الوسوم: jigsaw، extension، add on، puzzle، entertainment، playing، recreation، fun، activity، games، puzzlefilled

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 2a3 3 0 0 1 2.995 2.824L13 5v1h3a2 2 0 0 1 1.995 1.85L18 8v3h1a3 3 0 0 1 .176 5.995L19 17h-1v3a2 2 0 0 1-1.85 1.995L16 22h-3a2 2 0 0 1-1.995-1.85L11 20v-1a1 1 0 0 0-1.993-.117L9 19v1a2 2 0 0 1-1.85 1.995L7 22H4a2 2 0 0 1-1.995-1.85L2 20v-3a2 2 0 0 1 1.85-1.995L4 15h1a1 1 0 0 0 .117-1.993L5 13H4a2 2 0 0 1-1.995-1.85L2 11V8a2 2 0 0 1 1.85-1.995L4 6h3V5a3 3 0 0 1 3-3"/></svg>

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

React

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

<Icon icon="tabler:puzzle-filled" width="24" />

Vue

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

<template>
  <Icon icon="tabler:puzzle-filled" width="24" />
</template>

Svelte

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

<Icon icon="tabler:puzzle-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--puzzle-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:puzzle-filled"></div>

مكوّن ويب

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

<iconify-icon icon="tabler:puzzle-filled"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tabler/puzzle-filled.svg" alt="أيقونة Puzzle Filled" width="24" height="24">

أيقونات ذات صلة في Tabler Icons

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

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

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

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

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

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

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

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

تصفح كل Tabler Icons →