أيقونة Livewire

devicon-plain:livewire

أيقونة Livewire (devicon-plain:livewire) أيقونة SVG مجانية من مجموعة Devicon Plain من تصميم konpa. مرسومة على شبكة 128 × 128. تُنشر Devicon Plain icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Devicon Plain
المؤلف: konpa
الترخيص: MIT
الحجم: 128 × 128

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" fill-rule="evenodd" d="M41.5 76.637V99.53c0 4.11-3.328 7.41-7.531 7.41c-4.11 0-7.485-3.3-7.485-7.41V71.895c1.395-2.52 2.961-4.747 5.895-4.747c4.672 0 6.332 5.848 9.121 9.489m0 0"/><path fill="currentColor" fill-opacity=".298" fill-rule="evenodd" d="M41.5 83.656c-1.32-1.613-2.887-2.808-5.188-2.808c-5.425 0-6.43 6.75-9.828 9.78V61.5c0-2.86 16.286-.414 15.016 22.156m0 0"/><path fill="currentColor" fill-rule="evenodd" d="M69.105 78.914v39.035c0 4.059-3.375 7.434-7.53 7.434h-.024c-4.133 0-7.508-3.375-7.508-7.434V75.711c1.418-2.594 4.594-.98 7.508-.98c4.719 0 4.742.539 7.554 4.183m0 0"/><path fill="currentColor" fill-opacity=".298" fill-rule="evenodd" d="M69.105 83.656c-1.32-1.613-2.91-2.808-5.234-2.808c-5.402 0-6.406 6.75-9.828 9.78v-8.437c0-4.109 3.375-7.46 7.508-7.46h.023c4.156 0 7.531 3.351 7.531 7.46Zm0 0"/><path fill="currentColor" fill-rule="evenodd" d="M95.758 76.637V99.53c0 4.11-3.375 7.41-7.531 7.41c-4.157 0-7.508-3.3-7.508-7.41V71.895c1.394-2.52 2.984-4.747 5.867-4.747c4.723 0 6.36 5.848 9.172 9.489m0 0"/><path fill="currentColor" fill-opacity=".298" fill-rule="evenodd" d="M95.758 83.656c-1.32-1.613-2.887-2.808-5.184-2.808c-5.453 0-6.43 6.75-9.855 9.78V74.903c0-4.109 3.351-7.46 7.508-7.46c4.156 0 7.53 3.351 7.53 7.46Zm0 0"/><path fill="currentColor" fill-rule="evenodd" d="M110.602 82.117c-1.957 2.957-3.45 6.578-7.461 6.578c-6.746 0-7.164-10.293-13.864-10.293c-6.773 0-6.43 10.293-13.18 10.293c-6.745 0-7.14-10.293-13.886-10.293c-6.75 0-6.383 10.293-13.184 10.293c-6.746 0-7.113-10.293-13.84-10.293c-6.792 0-6.406 10.293-13.175 10.293c-2.106 0-3.621-1.027-4.895-2.394a56.4 56.4 0 0 1-7.601-28.52c0-30.5 23.816-55.222 53.257-55.222c29.414 0 53.278 24.722 53.278 55.222c0 8.754-1.953 16.95-5.45 24.336ZM59.957 71.551c18.516 0 26.266-10.563 26.266-25.633c0-15.137-11.762-28.98-26.266-28.98c-14.547 0-26.406 13.843-26.406 28.98c0 15.07 7.87 25.633 26.406 25.633m0 0"/><path fill="currentColor" fill-rule="evenodd" d="M62.7 35.992c0 5.965-4.38 10.735-9.833 10.735s-9.926-4.77-9.926-10.735c0-5.969 4.473-10.812 9.926-10.812S62.7 30.023 62.7 35.992m-6.532-2.472c0 2.738-2.273 4.94-4.938 4.94a4.93 4.93 0 0 1-4.94-4.94c0-2.739 2.202-5.012 4.94-5.012c2.665 0 4.938 2.273 4.938 5.012m42.937 54.078c13.942-20.547 14.332-43.266 1.079-68.313c9.832 10.004 15.867 23.578 15.867 38.617c0 8.391-1.93 16.684-5.621 24.215c-2.055 2.957-3.57 6.578-7.727 6.578h-.125c-1.219 0-2.441-.414-3.473-1.097m0 0"/></svg>

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

React

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

<Icon icon="devicon-plain:livewire" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:livewire" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:livewire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--livewire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:livewire"></div>

مكوّن ويب

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

<iconify-icon icon="devicon-plain:livewire"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/livewire.svg" alt="أيقونة Livewire" width="24" height="24">

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

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

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

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

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

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

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

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

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

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