Lobehub ikonu
thesvg:lobehub
Lobehub ikonu (thesvg:lobehub), theSVG setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 320 × 320 ızgara üzerinde çizilmiştir. theSVG icons, MIT lisansı ile yayınlanır. Bu lisans 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
- theSVG
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 320 × 320
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320"><path fill="currentColor" d="M294 172.52c0 75.654-59.442 128.5-134 128.5S26 247.174 26 171.52c0-22.501 5-32.142 31.5-35.672c47.5-6.329 72.542-3.828 102.5-3.828c29.959-.001 72.556-1.271 102.5 3.828c24.5 4.171 30 8.671 31.5 36.672"/><path fill="currentColor" d="M159.75 242.51c-28.25 0-35.75 3.5-35.75 3.5s3.5 27 35.75 27s35.75-27 35.75-27s-7.5-3.5-35.75-3.5m-24.247-82.497c.633-14.972-.483-22.788-5.5-36.443c0 0 9.5-12.056 27-12.056s30 3.064 30 3.064c-3.028 16.793-3.182 26.921-2.5 45.435zm-16.312 74.281c14.742-7.076 24.811-21.51 24.811-39.273c0-25.406-20.595-48-46-48s-47 19.594-47 45c0 13.983 6.542 26.812 16.662 35.521c5.893-2.245 12.652-3.521 19.838-3.521c12.705 0 24.077 3.989 31.689 10.273m81.622 0c-14.742-7.076-24.811-21.51-24.811-39.273c0-25.406 20.595-48 46-48s47 19.594 47 45c0 13.983-6.543 26.812-16.662 35.521c-5.893-2.245-12.652-3.521-19.838-3.521c-12.705 0-24.077 3.989-31.689 10.273"/><path fill="currentColor" d="M219 221.012c-15.464 0-28-12.536-28-28s12.536-28 28-28s28 12.536 28 28s-12.536 28-28 28m-118 0c15.464 0 28-12.536 28-28s-12.536-28-28-28s-28 12.536-28 28s12.536 28 28 28m71.997-201.996c-14.027 0-19.5-11.5-41-11c-23.394 0-34 13-45.5 23c-1.958 1.702-11.5 7-16 9c-19.683 8.748-34.5 21.5-34.5 40.5c0 20.711 17.461 37.5 39 37.5a40.5 40.5 0 0 0 10.22-1.301c8.7 10.539 22.179 16.658 37.28 17.301c23.5 1 31-15.25 44.5-8.5c9.259 4.629 13.83 8.5 28.5 8.5c17.108 0 25.057-5.233 30-11c9-10.5 22.879-4 31.5-4c18.778 0 34-14.551 34-32.5c0-17.95-15.222-32.5-34-32.5c-5.15 0-14.856 1.27-17-7c-3.5-13.5-20.148-29-44-29c-9.318 0-17.691 1-23 1m-40.765 225.095c5.483-.823 14.191-1.601 27.515-1.601c12.212 0 20.546.654 26.073 1.396c-1.542 5.861-12.963 8.104-26.823 8.104c-13.698 0-25.013-2.191-26.765-7.899m27.774 45.905c20.099 0 23.305-20.488 23.927-25.61c.478-4.146-1.675-6.244-4.02-7.659c-2.345-1.414-9.379-2.731-19.907-2.731c-10.527 0-17.514 1.317-19.906 2.731c-2.393 1.415-4.546 3.513-4.02 7.659c.622 5.122 3.828 25.61 23.926 25.61"/><path fill="currentColor" d="M171.694 129.744c-5.721-3.89-13.954-4.248-19.786-.526c-7.724 4.929-16.971 7.798-26.91 7.798c-27.062 0-49-21.267-49-47.5c0-26.234 21.938-47.5 49-47.5c13.628 0 25.956 5.392 34.838 14.097c4.948 4.85 13.088 6.24 19.498 3.609a42.5 42.5 0 0 1 16.164-3.166c22.92 0 41.5 18.012 41.5 40.23s-18.58 40.23-41.5 40.23c-8.856 0-17.065-2.69-23.804-7.272"/><path fill="currentColor" d="M55.002 124.021c8.837 0 16-7.164 16-16s-7.163-16-16-16s-16 7.163-16 16s7.163 16 16 16m150.5-4c7.456 0 13.5-6.045 13.5-13.5c0-7.456-6.044-13.5-13.5-13.5s-13.5 6.044-13.5 13.5c0 7.455 6.044 13.5 13.5 13.5"/><circle cx="73.498" cy="20.517" r="9.5" fill="currentColor"/><circle cx="266.502" cy="49.516" r="15.5" fill="currentColor"/><ellipse cx="160.499" cy="148.517" fill="currentColor" rx="111.5" ry="11.5"/></svg>Lobehub ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:lobehub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:lobehub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:lobehub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--lobehub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:lobehub"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:lobehub"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg/lobehub.svg" alt="Lobehub ikonu" width="24" height="24">Diğer ikon setlerinde Lobehub ikonu
Lobehub ikonu: sık sorulan sorular
Lobehub ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Lobehub ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg:lobehub" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Lobehub 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/thesvg/lobehub.svg" alt="Lobehub ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.