ICONYZ
Türkçe
Energy Icons setinden Ring 48 ikonu

Ring 48 ikonu

energy-icons:ring-48

Ring 48 ikonu (energy-icons:ring-48), Energy Icons setinden ücretsiz bir SVG ikondur (yapımcı: Sam Passmore). 48 × 48 ızgara üzerinde çizilmiştir. Energy 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
Energy Icons
Yazar
Sam Passmore
Lisans
MIT
Boyut
48 × 48
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M41 24c0-9.389-7.611-17-17-17S7 14.611 7 24s7.611 17 17 17s17-7.611 17-17m2 0c0 10.493-8.507 19-19 19S5 34.493 5 24S13.507 5 24 5s19 8.507 19 19"/><path fill="currentColor" d="M33 24a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9a9 9 0 0 0 9-9m2 0c0 6.075-4.925 11-11 11s-11-4.925-11-11s4.925-11 11-11s11 4.925 11 11"/></svg>

Ring 48 ikonu nasıl kullanılır

React

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

<Icon icon="energy-icons:ring-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:ring-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:ring-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--ring-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:ring-48"></div>

Web bileşeni

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

<iconify-icon icon="energy-icons:ring-48"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/energy-icons/ring-48.svg" alt="Ring 48 ikonu" width="24" height="24">

Energy Icons setindeki benzer ikonlar

Ring 48 ikonu: sık sorulan sorular

Ring 48 ikonu ticari kullanım için ücretsiz mi?

Evet. Energy Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Ring 48 ikonunu React'te nasıl kullanırım?

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

Ring 48 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/energy-icons/ring-48.svg" alt="Ring 48 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Energy Icons →