ICONYZ
العربية
أيقونة Init Container من EOS Icons

أيقونة Init Container

eos-icons:init-container

أيقونة Init Container (eos-icons:init-container) أيقونة SVG مجانية من مجموعة EOS Icons من تصميم SUSE UX/UI team. مرسومة على شبكة 24 × 24. تُنشر EOS Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
EOS Icons
المؤلف
SUSE UX/UI team
الترخيص
MIT
الحجم
24 × 24
الوسوم
initcontainer
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m23.915 20.318l-1.07-.83a4 4 0 0 0 .04-.49a2.6 2.6 0 0 0-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.729a.25.25 0 0 0-.31-.11l-1.24.5a3.4 3.4 0 0 0-.849-.49l-.19-1.32a.24.24 0 0 0-.24-.21h-1.998a.26.26 0 0 0-.25.21l-.19 1.32a4 4 0 0 0-.85.49l-1.24-.5a.26.26 0 0 0-.309.11l-1 1.73a.25.25 0 0 0 .06.32l1.06.83a4 4 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.319l1 1.73a.25.25 0 0 0 .31.11l1.24-.5a3.4 3.4 0 0 0 .849.49l.19 1.32a.25.25 0 0 0 .25.21h1.999a.26.26 0 0 0 .25-.21l.19-1.32a3.7 3.7 0 0 0 .839-.49l1.25.5a.26.26 0 0 0 .31-.11l.999-1.73a.26.26 0 0 0-.06-.32m-4.778.18a1.5 1.5 0 1 1 1.5-1.5a1.497 1.497 0 0 1-1.5 1.5"/><path fill="currentColor" d="M10 3a1.96 1.96 0 0 0 .796 1.561L5.5 7.987H3.997A1.997 1.997 0 0 0 2 9.983v8.02A1.997 1.997 0 0 0 3.997 20h8.083a7 7 0 0 1-.08-1a8.4 8.4 0 0 1 1-4v-3a1 1 0 0 1 2 0v1.252a6.8 6.8 0 0 1 2-.965v-.285A1 1 0 0 1 18 11a.98.98 0 0 1 1 1a7.3 7.3 0 0 1 3 .685V9.983a1.997 1.997 0 0 0-1.997-1.996h-1.491l-5.302-3.43A1.96 1.96 0 0 0 14 3a2.01 2.01 0 0 0-.986-1.719V0H12v2.006A.992.992 0 1 1 11 3M7 16a1 1 0 0 1-2 0v-3.998a1 1 0 0 1 2 0Zm4 0a1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0Zm1.017-11.025l4.655 3.012h-9.33l4.653-3.011"/></svg>

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

React

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

<Icon icon="eos-icons:init-container" width="24" />

Vue

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

<template>
  <Icon icon="eos-icons:init-container" width="24" />
</template>

Svelte

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

<Icon icon="eos-icons:init-container" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--init-container]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:init-container"></div>

مكوّن ويب

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

<iconify-icon icon="eos-icons:init-container"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/eos-icons/init-container.svg" alt="أيقونة Init Container" width="24" height="24">

أيقونات ذات صلة في EOS Icons

أيقونة init-container-outlined
init-container-outlined

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

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

نعم. تُنشر EOS Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل EOS Icons →