Portracker Light ikonu
selfhst:portracker-light
Portracker Light ikonu (selfhst:portracker-light), 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
- portrackerlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M507.7 312.8c-12.5 54.7-43.1 104.6-86.3 140.4s-97.8 56.7-153.9 58.7h-.9c-12.5 0-22.8-9.9-23.3-22.4c-.5-12.8 9.5-23.6 22.4-24.1c45.9-1.7 90.6-18.8 125.9-48.1C427 388 452 347.2 462.2 302.4c2.8-12.5 15.3-20.4 27.9-17.6c12.6 3 20.5 15.5 17.6 28M471 231.7c4.5 4.2 10.2 6.3 15.9 6.3c6.2 0 12.4-2.5 17-7.4l.2-.2c8.8-9.4 8.2-24-1.2-32.8s-24.2-8.2-33 1.2s-8.3 24.2 1.1 32.9M263.2 418.9h.8c22.3-.8 43.8-6 64-15.5s37.9-22.8 52.6-39.6c14.8-16.7 25.7-35.9 32.7-57.1c6.9-21.2 9.4-43.2 7.4-65.4s-8.4-43.4-19.1-63c-10.6-19.6-24.9-36.5-42.4-50.3s-37.3-23.7-58.9-29.4c-20.4-5.4-41.4-6.7-62.5-4c-2.7-.3-5.5-.3-8.1.4c-24.6 4-112.2 26.8-142.4 146.2c-3.1 12.5 4.4 25.1 16.9 28.3c1.9.5 3.8.7 5.7.7c10.4 0 19.9-7 22.6-17.6c23.5-93.1 86.3-109.2 105.9-111.9c1 0 1.9.3 2.9.2c15.8-2.3 31.6-1.4 46.9 2.7c15.4 4.1 29.6 11.2 42.1 21c12.5 9.9 22.7 22 30.3 35.9c7.6 14 12.2 29.2 13.6 45c1.5 15.9-.3 31.6-5.3 46.7s-12.8 28.9-23.4 40.8c-10.5 11.9-23.1 21.4-37.5 28.2s-29.8 10.5-45.7 11.1c-12.8.4-22.9 11.2-22.5 24.1c.6 12.6 10.9 22.5 23.4 22.5m-62.8 51.2c-.8 5.4-3.5 10-7.2 13.4c-4.1 7.8-11.9 12.6-20.4 12.6c-2.8 0-5.7-.5-8.5-1.6c-37.3-14.6-71.1-38.2-97.7-68.1c-26.7-29.9-46.2-66.2-56.4-105C0 282.7-1 241.5 7.4 202.3S33.6 126 58.8 94.8c25.2-31.1 57.9-56.2 94.5-72.6c36.6-16.3 77.1-24 117.1-22S350 13.7 384.8 33.6s64.8 48.1 86.9 81.5c7.1 10.7 4.1 25.2-6.6 32.2c-10.7 7.1-25.2 4.1-32.2-6.6c-18.1-27.4-42.6-50.5-71.1-66.7c-28.5-16.3-60.8-25.7-93.6-27.3c-32.7-1.7-65.9 4.6-95.8 18s-56.7 33.9-77.3 59.4S59.9 180 53 212s-6.1 65.7 2.3 97.5c8.4 31.7 24.3 61.4 46.1 85.9c16.1 18 35.3 33.2 56.5 44.7l31.6-209.8c1.3-8.3 7-14.6 14.2-17.6c1.1-1.3 1.9-2.8 3.1-4.1c26.2-28.2 70.5-29.9 98.7-3.7c13.7 12.7 21.6 29.9 22.3 48.6c.7 18.6-5.9 36.4-18.6 50.1s-29.9 21.6-48.6 22.3c-.9 0-1.8.1-2.7.1c-12.2 0-23.9-3.3-34.3-9.3zm40.4-229.8c-4.2 4.5-6.4 10.5-6.2 16.7s2.9 12 7.4 16.2c4.6 4.2 10.3 6.4 16.7 6.2c6.2-.2 11.9-2.9 16.2-7.4c4.2-4.6 6.4-10.5 6.2-16.7s-2.9-12-7.4-16.2c-9.4-8.8-24.2-8.2-32.9 1.2m-121.6 110c2.2 0 4.5-.3 6.7-1l.2-.1c12.3-3.7 19.2-16.6 15.5-29c-3.7-12.3-16.9-19.2-29.1-15.6c-12.3 3.7-19.3 16.7-15.6 29c3.1 10.2 12.3 16.7 22.3 16.7"/></svg>Portracker Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:portracker-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:portracker-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:portracker-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--portracker-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:portracker-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:portracker-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/portracker-light.svg" alt="Portracker Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Portracker Light ikonu: sık sorulan sorular
Portracker Light 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.
Portracker Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:portracker-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Portracker Light 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/portracker-light.svg" alt="Portracker Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.