أيقونة Thumbs Up
fa-solid:thumbs-up
أيقونة Thumbs Up (fa-solid:thumbs-up) أيقونة SVG مجانية من مجموعة Font Awesome 5 Solid من تصميم Dave Gandy. مرسومة على شبكة 512 × 512. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome 5 Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الفئة
- الواجهات، المدفوعات والتسوق، الحالة، التواصل الاجتماعي، الأيدي
- الوسوم
- thumbsup، thumb
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24M64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24M384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098c.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469c8.681 25.895-.069 57.704-16.382 74.757c4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725c-15.957-7.099-36.821-15.887-52.651-16.178c-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521c39.614-39.144 56.648-80.587 89.117-113.111c14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452"/></svg>
كيفية استخدام أيقونة Thumbs Up
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:thumbs-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:thumbs-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:thumbs-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--thumbs-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:thumbs-up"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:thumbs-up"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/thumbs-up.svg" alt="أيقونة Thumbs Up" width="24" height="24">
أيقونات ذات صلة في Font Awesome 5 Solid
أيقونة Thumbs Up في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Thumbs Up
هل أيقونة Thumbs Up مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Thumbs Up في React؟
ثبّت @iconify/react واعرض <Icon icon="fa-solid:thumbs-up" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Thumbs Up إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa-solid/thumbs-up.svg" alt="أيقونة Thumbs Up">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Font Awesome 5 Solid →
ICONYZ
