Meelo Dark ikonu

selfhst:meelo-dark

Meelo Dark ikonu (selfhst:meelo-dark), 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: meelodark

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M256 187c-38.1 0-69 30.9-69 69s30.9 69 69 69s69-30.9 69-69s-30.9-69-69-69m0 128c-32.6 0-59-26.4-59-59s26.4-59 59-59s59 26.4 59 59s-26.4 59-59 59m19.7-59c0 10.9-8.8 19.7-19.7 19.7s-19.7-8.8-19.7-19.7s8.8-19.7 19.7-19.7s19.7 8.8 19.7 19.7M414.8 0H97.2C43.5 0 0 43.5 0 97.2v317.7C0 468.5 43.5 512 97.2 512h317.7c53.7 0 97.2-43.5 97.2-97.2V97.2C512 43.5 468.5 0 414.8 0M256 463c-114.3 0-207-92.7-207-207S141.7 49 256 49s207 92.7 207 207s-92.7 207-207 207"/><linearGradient id="SVGDthkZhyX" x1="109.65" x2="402.35" y1="109.65" y2="402.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".5"/><stop offset=".349" stop-opacity=".4"/><stop offset=".533" stop-opacity=".1"/><stop offset=".712" stop-opacity=".2"/><stop offset="1" stop-opacity=".25"/></linearGradient><path fill="url(#SVGDthkZhyX)" d="M256 49C141.7 49 49 141.7 49 256s92.7 207 207 207s207-92.7 207-207S370.3 49 256 49m0 276c-38.1 0-69-30.9-69-69s30.9-69 69-69s69 30.9 69 69s-30.9 69-69 69m0-128c-32.6 0-59 26.4-59 59s26.4 59 59 59s59-26.4 59-59s-26.4-59-59-59m0 78.7c-10.9 0-19.7-8.8-19.7-19.7s8.8-19.7 19.7-19.7s19.7 8.8 19.7 19.7s-8.8 19.7-19.7 19.7"/></svg>

Meelo Dark ikonu nasıl kullanılır

React

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

<Icon icon="selfhst:meelo-dark" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:meelo-dark" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:meelo-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="selfhst:meelo-dark"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/selfhst/meelo-dark.svg" alt="Meelo Dark ikonu" width="24" height="24">

selfh.st/icons setindeki benzer ikonlar

Meelo Dark ikonu: sık sorulan sorular

Meelo Dark 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.

Meelo Dark ikonunu React'te nasıl kullanırım?

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

Meelo Dark 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/meelo-dark.svg" alt="Meelo Dark 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 →