Ikon Contracts
hugeicons:contracts
Ikon Contracts (hugeicons:contracts) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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
- Huge Icons
- Pembuat
- Hugeicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- contract
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M18 6c-.047-1.553-.22-2.48-.862-3.121C16.258 2 14.842 2 12.01 2H8.007c-2.832 0-4.248 0-5.127.879C2 3.757 2 5.172 2 8v8c0 2.828 0 4.243.88 5.121S5.175 22 8.007 22h4.004c2.831 0 4.247 0 5.127-.879c.642-.641.815-1.567.862-3.121"/><path d="m20.242 11.742l1.177-1.177c.27-.27.406-.406.478-.552a1 1 0 0 0 0-.88c-.072-.146-.208-.282-.478-.552s-.406-.406-.552-.478a1 1 0 0 0-.88 0c-.146.072-.281.208-.552.478l-1.177 1.177m1.984 1.984l-5.266 5.266L12 18l.992-2.976l5.266-5.266m1.984 1.984l-1.984-1.984M5 19h1l1.25-2.5L8.5 19h1M6 6h8m-8 4h6"/></g></svg>Cara memakai ikon Contracts
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:contracts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:contracts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:contracts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--contracts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:contracts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:contracts"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/contracts.svg" alt="Ikon Contracts" width="24" height="24">FAQ Ikon Contracts
Apakah ikon Contracts gratis untuk penggunaan komersial?
Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Contracts di React?
Pasang @iconify/react lalu render <Icon icon="hugeicons:contracts" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Contracts ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/contracts.svg" alt="Ikon Contracts">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.