Ikon Discloud
thesvg-color:discloud
Ikon Discloud (thesvg-color:discloud) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 128 × 128. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- 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="#57f287" d="m127.978 18.202l-19.935 19.21V18.28L72.409 35.544a15.09 15.09 0 0 1-15.133-.017L32.484 21.125a21.59 21.59 0 0 0-21.599-.056A21.62 21.62 0 0 0 .033 39.753L0 52.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1 15.1 0 0 1 15.454-.173l24.577 14.28a21.6 21.6 0 0 0 21.598.062a21.6 21.6 0 0 0 10.847-18.679L128 75.785ZM106.49 79.86c0 3.51-3.737 5.75-6.832 4.093L82.13 74.58a40.15 40.15 0 0 0-38.916.582l-14.74 8.458c-3.094 1.775-6.953-.46-6.953-4.026v-31.19c0-3.577 3.876-5.812 6.97-4.021l14.59 8.452a40.15 40.15 0 0 0 39.193.588l17.368-9.378c3.094-1.67 6.848.57 6.848 4.087z"/></svg>Cara memakai ikon Discloud
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:discloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:discloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:discloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--discloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:discloud"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:discloud"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/discloud.svg" alt="Ikon Discloud" width="24" height="24">Ikon Discloud di set ikon lain
FAQ Ikon Discloud
Apakah ikon Discloud gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Discloud di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:discloud" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Discloud ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/discloud.svg" alt="Ikon Discloud">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.