Webssh ikonu
selfhst:webssh
Webssh ikonu (selfhst:webssh), 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
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#0f172a" d="M51.2 0h409.6C489.1 0 512 22.9 512 51.2v409.6c0 28.3-22.9 51.2-51.2 51.2H51.2C22.9 512 0 489.1 0 460.8V51.2C0 22.9 22.9 0 51.2 0"/><circle cx="93.9" cy="93.9" r="21.3" fill="#ef4444"/><circle cx="162.1" cy="93.9" r="21.3" fill="#fbbf24"/><circle cx="230.4" cy="93.9" r="21.3" fill="#22c55e"/><path fill="#10b981" d="M124.6 237.9c3.2.4 6.2 1.3 9.3 2.7c.7-.4 1.4-.7 2-.9s1.3-.3 1.9-.3c2 0 3.7.7 5 2.1s1.9 3.7 1.9 7v4.4c0 3.3-.6 5.6-1.9 7s-2.9 2.1-4.9 2.1c-1.8 0-3.4-.6-4.6-1.8c-1.3-1.2-2-3-2.2-5.3c-3.2-2.5-7.2-3.8-12-3.8c-5 0-8.7.9-11 2.7s-3.5 3.8-3.5 6q0 2.55 2.1 4.5c1.4 1.3 4.4 2.5 8.9 3.4l9.1 1.9c7.6 1.6 13.1 3.9 16.5 7c4.4 4 6.5 9.2 6.5 15.7c0 5.7-2 10.7-6 15.2c-4 4.4-9.7 7.3-17 8.8v11.6c0 3.3-.6 5.6-1.9 7s-2.9 2.1-5 2.1c-2 0-3.6-.7-4.9-2.1s-1.9-3.7-1.9-7v-11.6c-3.6-.8-7.1-1.9-10.7-3.5c-1.9 1.6-3.7 2.4-5.3 2.4c-2.2 0-3.9-.7-5.2-2.1s-1.9-3.7-1.9-7v-8.6c0-3.3.6-5.6 1.9-7s2.9-2.1 5-2.1c1.6 0 3 .4 4.1 1.3s1.9 2.3 2.4 4.1q.75 2.7 2.1 4.2c1.3 1.4 3.4 2.6 6.1 3.6s5.5 1.4 8.4 1.4c5.1 0 9.3-1.3 12.7-3.9c2.3-1.7 3.4-4 3.4-6.7c0-2.3-.8-4.1-2.3-5.6c-1.5-1.4-4.7-2.6-9.5-3.6l-10.3-2.1c-7.2-1.4-12.6-4-15.9-7.8c-3.4-3.8-5.1-8.3-5.1-13.6c0-5.2 1.8-9.9 5.5-14c3.6-4.1 8.5-6.7 14.6-7.7v-3.7c0-3.2.6-5.6 1.9-7s2.9-2.1 5-2.1c2 0 3.6.7 4.9 2.1s1.9 3.7 1.9 7v3.6zM237.5 361h-75.1c-3.3 0-5.6-.6-7-1.9c-1.4-1.2-2.1-2.9-2.1-4.9s.7-3.7 2.1-5s3.7-1.9 7-1.9h75.1c3.2 0 5.6.6 7 1.9s2.1 2.9 2.1 5c0 2-.7 3.6-2.1 4.9c-1.3 1.3-3.7 1.9-7 1.9"/></svg>Webssh ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:webssh" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:webssh" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:webssh" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--webssh]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:webssh"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:webssh"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/webssh.svg" alt="Webssh ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Webssh ikonu: sık sorulan sorular
Webssh 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.
Webssh ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:webssh" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Webssh 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/webssh.svg" alt="Webssh ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.