Ikon Cylinder Filled
lucide-extended:cylinder-filled
Ikon Cylinder Filled (lucide-extended:cylinder-filled) adalah ikon SVG gratis dari set Lucide Extended karya Applifted. Ikon ini digambar pada grid 24 × 24. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Lucide Extended
- Pembuat
- Applifted
- Lisensi
- ISC
- Ukuran
- 24 × 24
- Tag
- cylinderfilled
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1c2.563 0 4.925.344 6.68.93c.873.29 1.651.66 2.232 1.117C21.482 3.496 22 4.148 22 5v14c0 .825-.493 1.471-1.059 1.927c-.575.462-1.355.841-2.26 1.143c-1.818.606-4.22.93-6.681.93c-2.46 0-4.863-.324-6.68-.93c-.906-.302-1.686-.68-2.261-1.143C2.493 20.47 2 19.825 2 19V5c0-.852.519-1.504 1.088-1.953c.58-.458 1.359-.826 2.231-1.117C7.075 1.344 9.437 1 12 1m0 2c-2.408 0-4.546.327-6.048.827c-.756.252-1.296.531-1.626.791a1.2 1.2 0 0 0-.29.3a.3.3 0 0 0-.033.066L4 5l.003.016a.3.3 0 0 0 .032.065c.043.07.13.173.291.3c.33.261.87.54 1.626.792C7.454 6.673 9.592 7 12 7s4.546-.327 6.048-.827c.756-.252 1.296-.531 1.626-.791c.162-.128.248-.232.29-.3a.3.3 0 0 0 .033-.066L20 5l-.003-.016a.3.3 0 0 0-.032-.065a1.2 1.2 0 0 0-.291-.3c-.33-.261-.87-.54-1.626-.792C16.546 3.327 14.408 3 12 3" clip-rule="evenodd"/></svg>Cara memakai ikon Cylinder Filled
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:cylinder-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:cylinder-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:cylinder-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--cylinder-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:cylinder-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:cylinder-filled"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/cylinder-filled.svg" alt="Ikon Cylinder Filled" width="24" height="24">Ikon terkait di Lucide Extended
Ikon Cylinder Filled di set ikon lain
FAQ Ikon Cylinder Filled
Apakah ikon Cylinder Filled gratis untuk penggunaan komersial?
Ya. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cylinder Filled di React?
Pasang @iconify/react lalu render <Icon icon="lucide-extended:cylinder-filled" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cylinder Filled ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide-extended/cylinder-filled.svg" alt="Ikon Cylinder Filled">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.