ICONYZ
Bahasa Indonesia
Ikon Compass dari Element Plus

Ikon Compass

ep:compass

Ikon Compass (ep:compass) adalah ikon SVG gratis dari set Element Plus. Ikon ini digambar pada grid 1024 × 1024. Element Plus 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
Element Plus
Pembuat
Element Plus
Lisensi
MIT
Ukuran
1024 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896"/><path fill="currentColor" d="M725.9 315q-74.1 170.6-157.3 253.6Q485.5 652 315 726a12.8 12.8 0 0 1-16.9-16.9q74.3-170.6 157.3-253.6t253.7-157.3a12.8 12.8 0 0 1 16.8 16.8"/></svg>

Cara memakai ikon Compass

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/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. Element Plus icons 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="ep: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/ep/compass.svg" alt="Ikon Compass">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Element Plus →