ICONYZ
Türkçe
Majesticons setinden Image Circle Story ikonu

Image Circle Story ikonu

majesticons:image-circle-story

Image Circle Story ikonu (majesticons:image-circle-story), Majesticons setinden ücretsiz bir SVG ikondur (yapımcı: Gerrit Halfmann). 24 × 24 ızgara üzerinde çizilmiştir. Majesticons, 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
Majesticons
Yazar
Gerrit Halfmann
Lisans
MIT
Boyut
24 × 24
Etiketler
imagecircle, circlestory, imagecirclestory
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 12a10 10 0 0 1-.832 4M12 22a9.97 9.97 0 0 0 7.071-2.929M2 12a9.97 9.97 0 0 1 2.929-7.071M12 2a10 10 0 0 0-4 .832m0 18.336A10.02 10.02 0 0 1 2.832 16m13-13A10.02 10.02 0 0 1 21 8.168"/><path fill="currentColor" fill-rule="evenodd" d="M7.545 12.095a4.55 4.55 0 0 1 9.068-.54c-2.271.051-3.942.557-5.143 1.284c1.085.378 2.17 1.018 3.007 2.059a.75.75 0 0 1-1.169.94c-.79-.981-1.907-1.524-3.049-1.789a8.3 8.3 0 0 0-2.359-.19a4.5 4.5 0 0 1-.355-1.764m4.55-6.36a6.36 6.36 0 1 0 0 12.72a6.36 6.36 0 0 0 0-12.72m-1.909 3.087c-.224 0-.547.063-.83.267c-.31.224-.534.592-.534 1.097s.223.873.534 1.097c.283.204.606.267.83.267s.547-.063.83-.267c.311-.224.534-.592.534-1.097s-.223-.873-.534-1.097a1.46 1.46 0 0 0-.83-.267" clip-rule="evenodd"/></g></svg>

Image Circle Story ikonu nasıl kullanılır

React

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

<Icon icon="majesticons:image-circle-story" width="24" />

Vue

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

<template>
  <Icon icon="majesticons:image-circle-story" width="24" />
</template>

Svelte

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

<Icon icon="majesticons:image-circle-story" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[majesticons--image-circle-story]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/majesticons -->
<div class="i-majesticons:image-circle-story"></div>

Web bileşeni

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

<iconify-icon icon="majesticons:image-circle-story"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/majesticons/image-circle-story.svg" alt="Image Circle Story ikonu" width="24" height="24">

Majesticons setindeki benzer ikonlar

Image Circle Story ikonu: sık sorulan sorular

Image Circle Story ikonu ticari kullanım için ücretsiz mi?

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

Image Circle Story ikonunu React'te nasıl kullanırım?

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

Image Circle Story 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/majesticons/image-circle-story.svg" alt="Image Circle Story ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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