Ikon Calva
file-icons:calva
Ikon Calva (file-icons:calva) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 512 × 512. File 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
- File Icons
- Pembuat
- John Gardner
- Lisensi
- ISC
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M58.76 448.475c-76.03-84.124-80.63-293.643 0-385.044c12.254-12.333 30.827 6.12 18.572 18.454c-67.846 80.413-68.904 266.977 0 348.136c12.428 12.508-6.145 30.962-18.573 18.454m393.933 0c-12.257 12.336-30.83-6.118-18.573-18.454c70.529-86.845 66.626-266.946 0-348.136c-12.21-12.289 6.363-30.743 18.573-18.454c77.18 88.631 80.95 287.55 0 385.044m-47.208-299.592c-50.853 55.61-62.516-17.96-110.853-15c-38.572 2.363-39.696 38.216-75.93 39.636c-40.47 1.586-46.593-51.352-106.046-34.456c-29.998 67.249-34.747 140.92-8.116 215.136c16.426 45.776 62.955 72.986 149.567 72.986c87.355 0 135.307-21.188 155.685-75.604c25.356-74.57 19.88-143.35-4.307-202.698"/></svg>Cara memakai ikon Calva
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:calva" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:calva" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:calva" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--calva]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:calva"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:calva"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/file-icons/calva.svg" alt="Ikon Calva" width="24" height="24">FAQ Ikon Calva
Apakah ikon Calva gratis untuk penggunaan komersial?
Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Calva di React?
Pasang @iconify/react lalu render <Icon icon="file-icons:calva" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Calva ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/calva.svg" alt="Ikon Calva">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.