Logo Ionic ikonu

ion:logo-ionic

Logo Ionic ikonu (ion:logo-ionic), IonIcons setinden ücretsiz bir SVG ikondur (yapımcı: Ben Sperry). 512 × 512 ızgara üzerinde çizilmiştir. IonIcons, 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: IonIcons
Yazar: Ben Sperry
Lisans: MIT
Boyut: 512 × 512
Etiketler: logoionic, logo ionic outline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M73.6 256c0-100.737 81.663-182.4 182.4-182.4c40.552 0 77.992 13.212 108.286 35.603c7.946-18.702 23.958-33.15 43.67-38.976C366.589 36.357 313.656 16 256 16C123.451 16 16 123.452 16 256s107.451 240 240 240c132.548 0 239.999-107.452 239.999-240c0-27.741-4.718-54.427-13.407-79.269c-11.824 15.985-30.428 26.649-51.564 27.742c4.795 16.319 7.371 33.605 7.371 51.527c0 100.737-81.663 182.4-182.399 182.4S73.6 356.737 73.6 256"/><path fill="currentColor" d="M491.065 207.374a238 238 0 0 0-8.473-30.643c-11.823 15.984-30.428 26.649-51.564 27.742a181.6 181.6 0 0 1 6.719 35.964c22.259-2.737 41.5-15.226 53.318-33.063M256 361.001c57.853 0 105-47.057 105-105c0-57.854-47.057-105-105-105s-105 47.146-105 105s47.147 105 105 105M413.5 166c28.995 0 52.5-23.505 52.5-52.5S442.495 61 413.5 61S361 84.505 361 113.5s23.505 52.5 52.5 52.5"/></svg>

Logo Ionic ikonu nasıl kullanılır

React

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

<Icon icon="ion:logo-ionic" width="24" />

Vue

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

<template>
  <Icon icon="ion:logo-ionic" width="24" />
</template>

Svelte

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

<Icon icon="ion:logo-ionic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--logo-ionic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:logo-ionic"></div>

Web bileşeni

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

<iconify-icon icon="ion:logo-ionic"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ion/logo-ionic.svg" alt="Logo Ionic ikonu" width="24" height="24">

IonIcons setindeki benzer ikonlar

Diğer ikon setlerinde Logo Ionic ikonu

Logo Ionic ikonu: sık sorulan sorular

Logo Ionic ikonu ticari kullanım için ücretsiz mi?

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

Logo Ionic ikonunu React'te nasıl kullanırım?

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

Logo Ionic 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/ion/logo-ionic.svg" alt="Logo Ionic ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: IonIcons →