Harbor Guard ikonu

selfhst:harbor-guard

Harbor Guard ikonu (selfhst:harbor-guard), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/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: selfh.st/icons
Yazar: selfh.st
Lisans: CC-BY-4.0
Boyut: 512 × 512
Etiketler: harborguard

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M430.4 238.6h-52.3c-9.6 0-17.4 7.8-17.4 17.4s7.8 17.4 17.4 17.4H412c-8.1 72.7-65.9 130.4-138.6 138.5V201.2c30-7.8 52.3-34.9 52.3-67.3c0-38.5-31.3-69.8-69.8-69.8s-69.8 31.3-69.8 69.8c0 32.4 22.3 59.5 52.3 67.3v210.7c-72.5-8-130.4-65.8-138.4-138.5h33.9c9.6 0 17.4-7.8 17.4-17.4s-7.8-17.4-17.4-17.4H81.6c-9.6 0-17.4 7.8-17.4 17.4c0 105.8 86.1 191.9 191.9 191.9S447.9 361.8 447.9 256c0-9.6-7.8-17.4-17.5-17.4M221.1 133.9c0-19.2 15.6-34.9 34.9-34.9c19.2 0 34.9 15.6 34.9 34.9s-15.7 34.9-34.9 34.9s-34.9-15.7-34.9-34.9M256 512c-68.4 0-132.7-26.6-181-75C26.6 388.7 0 324.4 0 256S26.6 123.3 75 75C123.3 26.6 187.6 0 256 0s132.7 26.6 181 75c48.4 48.4 75 112.6 75 181s-26.6 132.7-75 181s-112.6 75-181 75m0-487.6C128.3 24.4 24.4 128.3 24.4 256S128.3 487.6 256 487.6S487.6 383.7 487.6 256S383.7 24.4 256 24.4"/></svg>

Harbor Guard ikonu nasıl kullanılır

React

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

<Icon icon="selfhst:harbor-guard" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:harbor-guard" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:harbor-guard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--harbor-guard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:harbor-guard"></div>

Web bileşeni

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

<iconify-icon icon="selfhst:harbor-guard"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/selfhst/harbor-guard.svg" alt="Harbor Guard ikonu" width="24" height="24">

selfh.st/icons setindeki benzer ikonlar

Harbor Guard ikonu: sık sorulan sorular

Harbor Guard ikonu ticari kullanım için ücretsiz mi?

Evet. selfh.st/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.

Harbor Guard ikonunu React'te nasıl kullanırım?

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

Harbor Guard 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/selfhst/harbor-guard.svg" alt="Harbor Guard ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: selfh.st/icons →