Ikon Compass Rose N
gis:compass-rose-n
Ikon Compass Rose N (gis:compass-rose-n) adalah ikon SVG gratis dari set Font-GIS karya Jean-Marc Viglino. Ikon ini digambar pada grid 100 × 100. Font-GIS icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Font-GIS
- Pembuat
- Jean-Marc Viglino
- Lisensi
- CC-BY-4.0
- Ukuran
- 100 × 100
- Kategori
- Tag
- compassrose, rosen, compassrosen
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M49.956 10c-.591-.003-.916.4-1.007.872l-2.443 8.242a30.94 30.94 0 0 0-15.897 6.6c-2.538-1.378-5.075-2.763-7.615-4.133c-.47-.253-.882-.234-1.262.149c-.381.383-.273.947-.058 1.353l4.069 7.495a30.93 30.93 0 0 0-6.634 15.932c-2.774.823-5.552 1.639-8.323 2.467c-.51.153-.787.458-.786.998s.476.863.916.998l8.189 2.426a30.94 30.94 0 0 0 6.599 15.98c-1.385 2.552-2.778 5.104-4.156 7.658c-.253.47-.234.88.15 1.261c.382.38.946.274 1.352.06l7.537-4.091a30.93 30.93 0 0 0 15.922 6.622c.822 2.775 1.64 5.554 2.468 8.325c.153.51.458.787.998.786s.863-.476.998-.916l2.426-8.189a30.9 30.9 0 0 0 16.006-6.632l7.568 4.11c.549.28.92.329 1.34-.087s.366-.932.097-1.33l-4.12-7.593a30.96 30.96 0 0 0 6.591-15.958l8.233-2.44c.586-.19.883-.417.886-1.009s-.4-.916-.872-1.007l-8.27-2.451a30.97 30.97 0 0 0-6.607-15.91l4.09-7.531c.279-.55.328-.92-.088-1.341a.96.96 0 0 0-.671-.305a1.15 1.15 0 0 0-.659.21l-7.546 4.097a30.9 30.9 0 0 0-15.978-6.62l-2.434-8.212c-.19-.586-.417-.883-1.009-.886m-.001 4.176v31.04a4.8 4.8 0 0 0-2.306.619l-4.979-6.308l5.214-18.143l.7-2.441ZM54.14 21.6a28.54 28.54 0 0 1 12.96 5.355l-9.797 5.318zm-8.377.025l-3.144 10.607c-3.241-1.762-6.484-3.517-9.726-5.278a28.55 28.55 0 0 1 12.87-5.329M24.65 24.65l15.602 15.57l-.008.023l-5.96 1.768l-5.988-10.793l-1.223-2.205zm50.648.018l-3.343 3.344l-1.673 1.672L59.73 40.237l-.075-.022l-1.754-5.916l10.865-6.015l1.308-.722l.89-.494zm-2.278 8.188a28.55 28.55 0 0 1 5.355 12.907l-10.648-3.156zm-46.039.008l5.29 9.744c-3.554 1.05-7.104 2.108-10.657 3.16a28.54 28.54 0 0 1 5.367-12.904m33.392 9.779l18.242 5.24l2.413.694l4.795 1.378h-31.04a4.8 4.8 0 0 0-.631-2.328zm-15.156 7.312l-.002.045c0 .798.2 1.583.581 2.284L39.5 57.241l-6.241-1.788l-11.88-3.4v-.002l-2.438-.698l-4.813-1.378Zm33.184 4.184a28.54 28.54 0 0 1-5.348 12.95l-5.313-9.79zm-56.79.003l10.647 3.155c-1.775 3.265-3.542 6.532-5.316 9.797a28.55 28.55 0 0 1-5.331-12.952m30.697.047l4.96 6.211l-1.803 6.296L52.05 78.62l-.698 2.439l-1.378 4.813l-.02-31.09c.842.002 1.716-.218 2.354-.593m13.403 3.71l6.01 10.86l1.218 2.199l2.421 4.374l-3.374-3.375l-1.673-1.672l-10.607-10.607Zm-25.475 1.832l1.778 5.996l-10.786 5.984l-2.207 1.224l-4.405 2.445zm17.074 7.966l9.82 5.333a28.55 28.55 0 0 1-12.989 5.358zm-14.7.042c1.05 3.55 2.106 7.097 3.157 10.646a28.54 28.54 0 0 1-12.894-5.36z" color="currentColor"/><path fill="currentColor" d="M46 8V0h1.981l4.127 5.343V0H54v8h-2.043l-4.065-5.217V8Zm0 89.347l1.933-.147q.174.764.704 1.123q.537.358 1.443.358q.96 0 1.443-.316q.49-.322.49-.749q0-.274-.208-.464q-.201-.195-.711-.337q-.35-.095-1.59-.338q-1.598-.311-2.242-.765q-.907-.638-.907-1.555q0-.59.423-1.102q.43-.517 1.229-.786q.805-.27 1.94-.27q1.851 0 2.784.639q.94.638.987 1.703l-1.987.069q-.127-.596-.55-.854q-.416-.264-1.255-.264q-.866 0-1.356.28q-.315.179-.315.48q0 .273.295.469q.376.247 1.826.516q1.45.27 2.14.56q.699.284 1.088.785q.396.496.396 1.229q0 .664-.47 1.244t-1.329.865q-.859.28-2.14.28q-1.867 0-2.867-.675q-1-.68-1.194-1.978M92 54v-8h7.8v1.353h-5.676v1.774h5.28v1.348h-5.28v2.177H100V54zM1.456 54L0 46h1.26l.919 5.495L3.293 46h1.464l1.069 5.588L6.76 46H8l-1.48 8H5.214L4 48.019l-1.21 5.98Z"/></svg>Cara memakai ikon Compass Rose N
React
import { Icon } from "@iconify/react";
<Icon icon="gis:compass-rose-n" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:compass-rose-n" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:compass-rose-n" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--compass-rose-n]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:compass-rose-n"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:compass-rose-n"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/gis/compass-rose-n.svg" alt="Ikon Compass Rose N" width="24" height="24">Ikon terkait di Font-GIS
FAQ Ikon Compass Rose N
Apakah ikon Compass Rose N gratis untuk penggunaan komersial?
Ya. Font-GIS icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Compass Rose N di React?
Pasang @iconify/react lalu render <Icon icon="gis:compass-rose-n" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Compass Rose N ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/gis/compass-rose-n.svg" alt="Ikon Compass Rose N">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.