Ikon Compass

il:compass

Ikon Compass (il:compass) adalah ikon SVG gratis dari set Icalicons karya Icalia Labs. Ikon ini digambar pada grid 750 × 850. Icalicons 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: Icalicons
Pembuat: Icalia Labs
Lisensi: MIT
Ukuran: 750 × 850

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="750" height="850" viewBox="0 0 750 850"><path fill="currentColor" d="M503 217q14-5 25 5t5 25l-69 184q-11 30-41 41l-185 69q-14 5-24-6t-6-24l70-184q11-30 40-41zM403 412q14-14 14-33t-14-33t-32-14t-33 14t-14 33t14 33t33 14t32-14M371 8q76 0 144 29t118 79t79 118t29 145t-29 144t-79 118t-118 80t-144.5 29T227 721t-118-80t-80-118T0 379t29-145t80-118t118-79T371 8m0 649q57 0 108-22t89-60t59-88t21.5-108T627 270t-59-88t-89-59t-109-22t-107 22t-88 59t-60 88t-22 108.5T115 487t60 88t88 60t108 22"/></svg>

Cara memakai ikon Compass

React

import { Icon } from "@iconify/react";

<Icon icon="il:compass" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="il:compass" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="il:compass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[il--compass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:compass"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="il:compass"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/il/compass.svg" alt="Ikon Compass" width="24" height="24">

Ikon Compass di set ikon lain

FAQ Ikon Compass

Apakah ikon Compass gratis untuk penggunaan komersial?

Ya. Icalicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Compass di React?

Pasang @iconify/react lalu render <Icon icon="il:compass" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Compass ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/il/compass.svg" alt="Ikon Compass">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Icalicons →