Ikon Livewire
devicon-plain:livewire
Ikon Livewire (devicon-plain:livewire) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Devicon Plain
- Pembuat
- konpa
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:livewire"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/livewire.svg" alt="Ikon Livewire" width="24" height="24">Ikon terkait di Devicon Plain
Ikon Livewire di set ikon lain
FAQ Ikon Livewire
Apakah ikon Livewire gratis untuk penggunaan komersial?
Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Livewire di React?
Pasang @iconify/react lalu render <Icon icon="devicon-plain:livewire" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Livewire ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/livewire.svg" alt="Ikon Livewire">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.