Ikon Module
streamline-plump-color:module
Ikon Module (streamline-plump-color:module) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Plump color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Pemrograman
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M5.66 38.916c-1.06-.507-1.809-1.474-1.972-2.638C3.395 34.18 3 30.204 3 24s.395-10.18.688-12.278l.001-.005C8.972 14.267 20.8 19.8 24 19.8c3.202 0 15.028-5.532 20.31-8.083l.002.005C44.605 13.82 45 17.796 45 24s-.395 10.18-.688 12.278c-.163 1.164-.912 2.131-1.972 2.638C38.526 40.741 29.078 45 24 45S9.474 40.74 5.66 38.916"/><path fill="#fff" d="M44.311 11.717c-5.283 2.55-17.109 8.083-20.31 8.083c-3.203 0-15.029-5.533-20.312-8.084c.165-1.16.913-2.126 1.972-2.632C9.474 7.259 18.922 3 24 3s14.525 4.26 18.339 6.084c1.058.506 1.807 1.471 1.971 2.633Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M3.688 36.278c.163 1.164.912 2.131 1.972 2.638C9.474 40.741 18.922 45 24 45s14.526-4.26 18.34-6.084c1.06-.507 1.809-1.474 1.972-2.638C44.605 34.18 45 30.204 45 24s-.395-10.18-.688-12.278c-.163-1.164-.912-2.131-1.972-2.638C38.526 7.259 29.078 3 24 3S9.474 7.26 5.66 9.084c-1.06.507-1.809 1.474-1.972 2.638C3.395 13.82 3 17.796 3 24s.395 10.18.688 12.278Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M44.281 11.756C41.033 13.356 27.714 19.8 24 19.8c-3.715 0-17.034-6.445-20.282-8.044M24 19.8v24.95"/></g></svg>Cara memakai ikon Module
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:module" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:module" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:module" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--module]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:module"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:module"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/module.svg" alt="Ikon Module" width="24" height="24">Ikon terkait di Plump color icons
Ikon Module di set ikon lain
FAQ Ikon Module
Apakah ikon Module gratis untuk penggunaan komersial?
Ya. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Module di React?
Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:module" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Module ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/module.svg" alt="Ikon Module">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.