Compass Rose N ikonu

gis:compass-rose-n

Compass Rose N ikonu (gis:compass-rose-n), Font-GIS setinden ücretsiz bir SVG ikondur (yapımcı: Jean-Marc Viglino). 100 × 100 ızgara üzerinde çizilmiştir. Font-GIS icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Font-GIS
Yazar: Jean-Marc Viglino
Lisans: CC-BY-4.0
Boyut: 100 × 100
Kategori
Etiketler: compassrose, rosen, compassrosen

SVG indir

SVG kodu

<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>

Compass Rose N ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

<img src="https://iconyz.com/api/public/svg/gis/compass-rose-n.svg" alt="Compass Rose N ikonu" width="24" height="24">

Font-GIS setindeki benzer ikonlar

Compass Rose N ikonu: sık sorulan sorular

Compass Rose N ikonu ticari kullanım için ücretsiz mi?

Evet. Font-GIS icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Compass Rose N ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="gis:compass-rose-n" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Compass Rose N ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/gis/compass-rose-n.svg" alt="Compass Rose N ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Font-GIS ikonları →