أيقونة Bed Bunk Outline

glyphs:bed-bunk-outline

أيقونة Bed Bunk Outline (glyphs:bed-bunk-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: bedbunk، bunkoutline، bedbunkoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M12 6a2 2 0 0 1 2 2v23.905h17.778V17.143q0-.45.108-.87l.095-.313a3.525 3.525 0 0 1 3.32-2.341h20.032c8.1 0 14.667 6.567 14.667 14.667v5.238q0 .188-.028.368l.028.013V72a2 2 0 0 1-4 0v-4.095H14V72a2 2 0 1 1-4 0V8a2 2 0 0 1 2-2m54 34v10.22a14.63 14.63 0 0 0-10.667-4.601H35.302c-1.42 0-2.645.84-3.203 2.051c-.3.65-.313 1.151-.316 1.267v.019a4 4 0 0 0-.005.187v14.762H14v-28h52zm0 20.273c-.007-5.885-4.78-10.654-10.667-10.654H35.778v14.286H66zm0-31.987v3.619H35.778V17.619h19.555C61.224 17.619 66 22.395 66 28.286" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M70 65.914V72a2 2 0 0 1-4 0v-4.095H14V72a2 2 0 1 1-4 0V8a2 2 0 1 1 4 0v23.905h17.778V17.143q0-.45.108-.87l.095-.313a3.525 3.525 0 0 1 3.32-2.341h20.032c8.1 0 14.667 6.567 14.667 14.667v5.238q0 .188-.028.368l.028.013v6.085m0 25.924v-.01m0 .01v-.01m0 0v-.374m0 0v-.006m0 .006v-.006m0 0v-5.238m0 0v-.015m0 .015v-.015m0 0V40m0 0v-.01m0 .01v-.01m-4 .02V40m0 .01v10.21a14.63 14.63 0 0 0-10.667-4.601H35.302c-1.42 0-2.645.84-3.203 2.051c-.3.65-.313 1.151-.316 1.267M66 40.01V40m0 0v-4.095H14v28h17.778V49.143q0-.094.005-.187m0 0v-.02m0 .02v-.02m23.55.683c5.887 0 10.66 4.769 10.667 10.654v3.632H35.778V49.619zM66 31.905v-3.62c0-5.89-4.776-10.666-10.667-10.666H35.778v14.286z"/></g></svg>

كيفية استخدام أيقونة Bed Bunk Outline

React

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

<Icon icon="glyphs:bed-bunk-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:bed-bunk-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:bed-bunk-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--bed-bunk-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:bed-bunk-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:bed-bunk-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/bed-bunk-outline.svg" alt="أيقونة Bed Bunk Outline" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Bed Bunk Outline

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

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

كيف أستخدم أيقونة Bed Bunk Outline في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/bed-bunk-outline.svg" alt="أيقونة Bed Bunk Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →