Ikon Designcontest
whh:designcontest
Ikon Designcontest (whh:designcontest) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 961 × 1025. 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
- 961 × 1025
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="1025" viewBox="0 0 961 1025"><path fill="currentColor" d="M913 326L658 580L401 325q-15-15-36.5-15T328 325t-15 36.5t15 36.5l367 363q46 46 46 110t-46 109t-110.5 45T475 980L107 616q-69-69-94-162t0-185.5t94.5-162t163.5-94t187.5 0T622 107l36 36l47-46q21-21 57-29.5t78.5 2T913 110q47 47 47.5 109T913 326m-240-5L545 193q-62-62-130-84t-129-4.5T173 174q-50 50-68 112.5t-3 122T161 513l384 384q32 32 64 0t0-64L238 461q-46-46-46-111t46-112q30-29 71.5-40t79-3.5T449 225l160 160q15 15 32 15t32-15q32-32 0-64"/></svg>Cara memakai ikon Designcontest
React
import { Icon } from "@iconify/react";
<Icon icon="whh:designcontest" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:designcontest" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:designcontest" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--designcontest]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:designcontest"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:designcontest"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="Ikon Designcontest" width="24" height="24">FAQ Ikon Designcontest
Apakah ikon Designcontest 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 Designcontest di React?
Pasang @iconify/react lalu render <Icon icon="whh:designcontest" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Designcontest ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="Ikon Designcontest">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.