أيقونة Backpack

game-icons:backpack

أيقونة Backpack (game-icons:backpack) أيقونة 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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m186.438 20.56l-13.184 26.365q10.202-.39 20.47-.686l3.84-7.68h116.874l3.77 7.54q10.258.281 20.456.66l-13.102-26.2H186.437zm69.56 42.742c-45.757.056-91.452 1.566-135.38 4.363c-3.24 50.58-8.4 100.987-.786 145.824c89.297 12.395 180.102 12.985 272.764-.054c7.055-30.988 5.117-84.68-1.04-145.89c-43.974-2.893-89.73-4.3-135.558-4.244zm153.783 5.54c6.42 64.12 9.113 119.825-1.135 155.22l-1.61 5.56l-5.726.842c-98.8 14.528-195.613 13.81-290.605.002l-6.285-.914l-1.246-6.23c-9.89-49.49-4.085-102.785-.664-154.42c-4.89.354-9.765.72-14.602 1.107c-8.596 58.568-9.39 116.957-.05 175.292c110.24 12.088 222.275 12.205 336.203-.01c8.502-57.83 8.29-116.25-.017-175.313c-4.725-.4-9.485-.776-14.262-1.14zM255.966 92.3c32.526-.025 65.067 2.746 97.574 8.39l7.46 1.295v7.572c0 15.554 1.683 35.105-12.69 50.25c-9.912 10.444-25.655 17.337-51.31 20.585v18.164h-82v-18.452c-23.992-3.37-39.352-10.175-49.363-20.185C150.807 145.093 151 125.56 151 109.56v-7.594l7.484-1.278c32.444-5.54 64.955-8.362 97.48-8.386zm.012 17.994c-28.96.022-57.913 2.444-86.858 6.996c.265 12.28 1.635 22.296 9.243 29.904c5.914 5.914 16.952 11.416 36.637 14.582v-29.22h82v29.51c21.367-3.115 32.66-8.755 38.254-14.65c7.033-7.41 7.696-17.502 7.73-30.124c-29-4.63-58.006-7.02-87.007-6.998zM233 150.56v30h46v-30zm209.674 92.42a619 619 0 0 1-1.61 10.87c.214 2.352.42 4.706.63 7.06L471 290.213v-22.24l-28.326-24.995zm-373.485.12L41 267.973v22.24l29.318-29.318c.205-2.327.406-4.655.616-6.982a542 542 0 0 1-1.745-10.813m354.634 20.397a1638 1638 0 0 1-30.824 2.967v74.095h16v66h-16v80.615c10.318-.633 20.63-1.313 30.928-2.082c9.445-74.01 6.478-147.698-.104-221.596zm-335.576.03C81.725 338.09 78.58 412.1 88.06 485.1q15.487 1.184 30.94 2.145V406.56h-16v-66h16v-74.024a1537 1537 0 0 1-30.752-3.01zm286.752 4.4q-15.021 1.14-30 1.992v70.64h30zm-238 .085v72.547h30v-70.55a1557 1557 0 0 1-30-1.997m190 2.825c-47.65 2.173-94.984 2.19-142 .078v19.314c23.95-5.165 47.8-7.652 71.516-7.59c23.638.06 47.145 2.654 70.484 7.626v-19.43zM68.05 288.62L41 315.67v56.89h23.06c.376-27.987 1.88-55.975 3.99-83.94m375.948.047c2.12 27.872 3.61 55.83 3.957 83.892H471v-56.89zm-187.52 11.95c-23.68-.063-47.487 2.577-71.478 8.052v31.89h16v18.443c17.033 5.346 31.73 8.493 46 9.426v-2.87h18v2.868c14.27-.932 28.967-4.08 46-9.425V340.56h16v-31.866c-23.42-5.267-46.907-8.016-70.523-8.078zM121 358.558v30h22v-23h18v23h22v-30zm208 0v30h22v-23h18v23h22v-30zM201 377.8v28.76h-16v15.857c48.528 10.865 95.713 10.664 142 .045V406.56h-16V377.8c-16.332 4.747-31.283 7.52-46 8.326v11.433h-18v-11.434c-14.717-.806-29.668-3.58-46-8.326zM41 390.56v14h23.14q-.134-7-.163-14zm407.012 0a935 935 0 0 1-.18 14H471v-14zM137 406.56v19.798c6.137 7.214 11.222 9.77 14.934 9.844c3.734.075 8.697-2.122 15.066-9.79V406.56h-6v7h-18v-7zm208 0v19.798c6.137 7.214 11.222 9.77 14.934 9.844c3.734.075 8.697-2.122 15.066-9.79V406.56h-6v7h-18v-7zm-304 16v35.154c5.596 5.51 8.677 8.25 11.846 9.306c2.454.818 7.713 1.15 15.045 1.317c-1.544-15.25-2.586-30.51-3.204-45.778H41zm406.27 0c-.628 15.224-1.674 30.483-3.21 45.78c7.358-.168 12.635-.5 15.094-1.32c3.17-1.056 6.25-3.795 11.846-9.306V422.56zM185 440.842v49.498c47.55 1.51 94.877 1.446 142-.074V440.9c-46.316 10.03-93.74 10.185-142-.057zm-48 9.123v38.318q15.015.809 30 1.408v-39.678c-4.86 2.786-10.01 4.293-15.43 4.184c-5.192-.104-10.036-1.624-14.57-4.232m208 0v39.654c10.01-.403 20.01-.878 30-1.412v-38.194c-4.86 2.786-10.01 4.293-15.43 4.184c-5.192-.104-10.036-1.624-14.57-4.232"/></svg>

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

React

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

<Icon icon="game-icons:backpack" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:backpack" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:backpack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--backpack]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:backpack"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/backpack.svg" alt="أيقونة Backpack" width="24" height="24">

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

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

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

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل Game Icons →