أيقونة Steam Square
zmdi:steam-square
أيقونة Steam Square (zmdi:steam-square) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 440 × 448. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 440 × 448
- الوسوم
- steamsquare
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="448" viewBox="0 0 440 448"><path fill="currentColor" d="M355 153q0-23-16.5-39t-39-16t-39 16t-16.5 39t16.5 39t39 16t39-16t16.5-39M181 321q0 24-17 40t-40 16q-16 0-29.5-8T74 347q15 6 28 12q17 6 34-1t25-25q6-17-1-34t-25-24l-23-9q6-2 12-2q23 0 40 16.5t17 40.5M439 87v274q0 34-24 58t-58 24H82q-34 0-58-24T0 361v-44l49 20q6 26 27 43.5t48 17.5q30 0 52-20t25-50l98-72q43 0 73-30t30-73q0-42-30-72.5T299 50q-42 0-72 30t-31 72l-64 92h-8q-21 0-39 11L0 221V87q0-34 24-58T82 5h275q34 0 58 24t24 58m-71 66q0 29-20 49t-48.5 20t-49-20t-20.5-48.5t20.5-49T299 84q29 0 49 20.5t20 48.5"/></svg>
كيفية استخدام أيقونة Steam Square
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:steam-square" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:steam-square" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:steam-square" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--steam-square]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:steam-square"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:steam-square"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/steam-square.svg" alt="أيقونة Steam Square" width="24" height="24">
أيقونات ذات صلة في Material Design Iconic Font
أيقونة Steam Square في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Steam Square
هل أيقونة Steam Square مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Steam Square في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:steam-square" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Steam Square إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/steam-square.svg" alt="أيقونة Steam Square">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Iconic Font →
ICONYZ
