ICONYZ
العربية
أيقونة Puzzle من Elegant

أيقونة Puzzle

et:puzzle

أيقونة Puzzle (et:puzzle) أيقونة SVG مجانية من مجموعة Elegant من تصميم Kenny Sing. مرسومة على شبكة 35 × 32. تُنشر Elegant icons بموجب ترخيص GPL 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Elegant
المؤلف
Kenny Sing
الترخيص
GPL-3.0-or-later
الحجم
35 × 32
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="35" height="32" viewBox="0 0 35 32"><path fill="currentColor" d="M20.042 3.907C20.042 1.962 18.483 0 15 0c-3.067 0-5.129 1.57-5.129 3.907c0 1.364.552 1.986.917 2.398c.193.217.271.315.271.413c0 .162 0 .26-.558.282H4.403C2.058 7 0 8.869 0 11v3.732c.038.944.571 1.531 1.392 1.531c.467 0 .813-.267 1.149-.526C2.991 15.392 3.5 15 4.5 15C6.196 15 8 16.402 8 19c0 2.629-1.828 4.462-3.469 4.462c-.99 0-1.508-.429-1.966-.807c-.343-.284-.697-.578-1.174-.578c-.82 0-1.354.587-1.392 1.551v4.102C0 29.965 2.099 32 4.403 32h6.129c.928-.038 1.527-.585 1.527-1.396c0-.487-.277-.8-.522-1.076c-.328-.369-.666-.75-.666-1.734c0-1.766 1.604-2.907 4.085-2.907c2.482 0 4.086 1.141 4.086 2.907c0 .984-.339 1.365-.666 1.734c-.245.276-.523.589-.523 1.076c0 .822.585 1.356 1.548 1.395l3.941.001c2.152 0 3.656-1.677 3.656-4.078v-4.65c.026-.122.334-.588.804-.588c.096 0 .193.079.409.271c.41.367 1.031.922 2.393.922C32.788 23.876 35 22.202 35 19c0-3.454-2.009-5-4-5c-1.344 0-2.12.614-2.634 1.02c-.228.18-.442.35-.564.35c-.471 0-.779-.468-.802-.571l-.002-.024v-3.583C26.998 8.763 25.46 7 23.342 7h-3.921l-.04-.003c-.528-.02-.528-.117-.528-.279c0-.098.078-.195.271-.413c.365-.411.918-1.034.918-2.398m-1.666 1.735c-.245.276-.523.59-.523 1.077c0 .55.251 1.212 1.471 1.277l.07.004h3.948C25.086 8 26 9.606 26 11.192v3.633c0 .036-.007.071 0 .105c.092.611.842 1.439 1.802 1.439c.47 0 .816-.274 1.185-.565C29.463 15.427 30.004 15 31 15c1.822 0 3 1.57 3 4c0 2.664-1.761 3.876-3.396 3.876c-.979 0-1.359-.339-1.727-.667c-.276-.246-.589-.525-1.075-.525c-.96 0-1.711.829-1.802 1.44c-.007.034 0 .069 0 .105v4.694C26 29.454 25.177 31 23.342 31h-3.921c-.568-.023-.568-.285-.568-.396c0-.097.078-.195.271-.413c.365-.412.918-1.034.918-2.398c0-1.945-1.572-3.907-5.086-3.907c-3.041 0-5.085 1.57-5.085 3.907c0 1.364.552 1.986.918 2.398c.192.217.271.315.271.413c0 .112 0 .374-.548.396H4.403C2.686 31 1 29.38 1 27.73v-4.082c.022-.571.281-.571.392-.571c.116 0 .32.169.537.348c.498.413 1.253 1.037 2.603 1.037C6.689 24.462 9 22.267 9 19c0-3.248-2.318-5-4.5-5c-1.34 0-2.079.568-2.568.945c-.222.171-.414.318-.54.318c-.11 0-.369 0-.392-.551V11c0-1.768 1.794-3 3.403-3h6.115l.047-.002c1.235-.046 1.494-.722 1.494-1.28c0-.487-.277-.8-.522-1.076c-.328-.369-.666-.75-.666-1.735C10.871 2.168 12.53 1 15 1c2.455 0 4.042 1.141 4.042 2.907c0 .984-.339 1.366-.666 1.735"/></svg>

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

React

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

<Icon icon="et:puzzle" width="24" />

Vue

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

<template>
  <Icon icon="et:puzzle" width="24" />
</template>

Svelte

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

<Icon icon="et:puzzle" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="et:puzzle"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Elegant icons بموجب ترخيص GPL 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه.

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

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

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

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

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