Ikon Creole
file-icons:creole
Ikon Creole (file-icons:creole) 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="M489.603 152.294c14.046 31.71 21.912 66.778 21.912 103.706c0 141.385-114.398 256-255.515 256S.485 397.385.485 256S114.883 0 256 0c35.661 0 69.605 7.34 100.439 20.562L230.542 146.458l-92.836 188.326s-9.844 49.265 34.482 35.809c37.935-11.517 192.453-95.49 192.453-95.49zM199.127 265.32l-42.757 86.7l88.208-42.244c-16.19-30.857-35.147-41.09-45.45-44.458M407.21 0L250.206 159.514c5.702 23.801 18.542 41.208 42.021 48.135L501.69 0zm104.305 12.968l-206.91 205.12c9.173 24.641 26.446 36.327 47.06 40.866l159.85-163.511z"/></svg>Cara memakai ikon Creole
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:creole" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:creole" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:creole" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--creole]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:creole"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:creole"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/file-icons/creole.svg" alt="Ikon Creole" width="24" height="24">FAQ Ikon Creole
Apakah ikon Creole gratis untuk penggunaan komersial?
Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Creole di React?
Pasang @iconify/react lalu render <Icon icon="file-icons:creole" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Creole ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/creole.svg" alt="Ikon Creole">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.