أيقونة Button Finger
game-icons:button-finger
أيقونة Button Finger (game-icons:button-finger) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Game Icons
- المؤلف
- GameIcons
- الترخيص
- CC-BY-3.0
- الحجم
- 512 × 512
- الوسوم
- buttonfinger
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169 18v206c0 25.43 10.438 43.384 26.525 55.896C211.613 292.41 233.75 299 256 299s44.387-6.59 60.475-19.104C332.562 267.384 343 249.43 343 224V18zM80 32L28.027 93.102l116.586 125.015zm352 0l-64.613 186.117L483.973 93.102zm-240 7h128v18H192zm16 32h96v18h-96zm48 68.178c21.138 0 42.276 4.093 66.846 12.283l6.154 2.054V224c0 16-11.186 28.156-24.975 35.05c-13.788 6.895-30.9 9.95-48.025 9.95s-34.237-3.055-48.025-9.95C194.185 252.157 183 240 183 224v-70.486l6.154-2.053c24.57-8.19 45.708-12.282 66.846-12.282zm0 17.644c-17.133 0-34.442 3.394-55 9.838V224c0 8 4.814 13.844 15.025 18.95S241.125 251 256 251s29.763-2.945 39.975-8.05C306.185 237.843 311 232 311 224v-57.34c-20.558-6.444-37.867-9.838-55-9.838m-237.104 24.07l2.81 36.522l99.028 14.75l-101.838-51.27zm474.208 0l-101.838 51.272l99.03-14.75l2.808-36.52zm-340.317 61.762a168 168 0 0 0-10.807 4.983C113.406 262.11 98 280.863 98 299.417c0 18.556 15.406 37.308 43.98 51.78C170.555 365.67 211.116 375 256 375s85.445-9.33 114.02-23.803c28.574-14.472 43.98-33.224 43.98-51.78c0-18.554-15.406-37.308-43.98-51.78a168 168 0 0 0-10.807-4.983c-4.294 21.785-16.024 39.266-31.688 51.45C307.613 309.59 281.75 317 256 317s-51.613-7.41-71.525-22.896c-15.664-12.184-27.394-29.665-31.688-51.45m279.176 67.657v53.108c0 18.27-9.684 35.238-25.434 49.057c-15.75 13.818-37.74 24.997-64.526 32.832c-53.573 15.668-118.452 15.668-172.025 0c-26.788-7.835-48.777-19.014-64.527-32.832c-15.586-13.676-25.227-30.438-25.426-48.49h-.18v-53.58C40.076 330.146 18 355.583 18 381.006c0 26.53 24.032 53.084 67.143 73.155C128.253 474.23 188.925 487 256 487s127.747-12.77 170.857-32.84S494 407.535 494 381.004c0-25.463-22.147-50.94-62.037-70.693m-334.117 30.8v22.308h.172c0 11.95 6.228 24.05 19.306 35.525s32.832 21.81 57.707 29.086c49.75 14.55 112.17 14.55 161.92 0c24.876-7.276 44.63-17.612 57.708-29.087s19.305-23.575 19.305-35.525V341.32c-9.224 9.965-21.516 18.697-35.81 25.936C346.288 383.396 303.35 393 256 393s-90.287-9.604-122.154-25.744c-14.393-7.29-26.756-16.093-36-26.145"/></svg>كيفية استخدام أيقونة Button Finger
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:button-finger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:button-finger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:button-finger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--button-finger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:button-finger"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:button-finger"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="أيقونة Button Finger" width="24" height="24">الأسئلة الشائعة حول أيقونة Button Finger
هل أيقونة Button Finger مجانية للاستخدام التجاري؟
نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Button Finger في React؟
ثبّت @iconify/react واعرض <Icon icon="game-icons:button-finger" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Button Finger إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/game-icons/button-finger.svg" alt="أيقونة Button Finger">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.