Ikon Croisant
whh:croisant
Ikon Croisant (whh:croisant) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1023 288q0 8-1 14t-5 9.5t-6.5 5.5t-10 2.5t-11.5.5h-30q-12 0-27-10t-27-21.5t-31-21.5t-40-11l43-154q45 31 76 62l49 49q8 8 13 15t6.5 16t2 13t0 15.5t-.5 15.5m-319-32h-67q-31-54-83-123.5T455 10q189-35 361 54l-55 192zM552 371L371 552q-19 18-26 21t-32 3q-31 0-131-72T27 377q-17-17-24-47t2-56q35-92 106-163.5T274 5q26-9 56-2t47 23q55 56 127 156t72 131q0 25-3 32t-21 26M256 834q1 21 11 40t21.5 31t21.5 27t10 27q0 33-6.5 48.5T288 1023q-4 0-15.5.5t-15.5 0t-13-2t-16-6.5t-15-13l-49-49q-31-31-62-75zM64 816q-89-172-54-361q53 47 122.5 99T256 638v123z"/></svg>Cara memakai ikon Croisant
React
import { Icon } from "@iconify/react";
<Icon icon="whh:croisant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:croisant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:croisant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--croisant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:croisant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:croisant"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/croisant.svg" alt="Ikon Croisant" width="24" height="24">FAQ Ikon Croisant
Apakah ikon Croisant gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Croisant di React?
Pasang @iconify/react lalu render <Icon icon="whh:croisant" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Croisant ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/croisant.svg" alt="Ikon Croisant">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.