Vertical Timeline ikonu
icon-park:vertical-timeline
Vertical Timeline ikonu (icon-park:vertical-timeline), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 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
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Grafikler
- Etiketler
- verticaltimeline
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" d="M3.99999 5H44"/><path stroke-linecap="round" d="M3.99999 43H44"/><path stroke-linecap="round" d="M7.99999 36V43"/><path fill="#2F88FF" stroke-linejoin="round" d="M12 28H3.99999V36H12V28Z"/><path fill="#2F88FF" stroke-linejoin="round" d="M28 20H20V28H28V20Z"/><path fill="#2F88FF" stroke-linejoin="round" d="M44 12H36V20H44V12Z"/><path stroke-linecap="round" d="M40 20V43"/><path stroke-linecap="round" d="M7.99999 12V13"/><path stroke-linecap="round" d="M7.99999 20V21"/><path stroke-linecap="round" d="M23 12V13"/><path stroke-linecap="round" d="M24 28V43"/></g></svg>
Vertical Timeline ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:vertical-timeline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:vertical-timeline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:vertical-timeline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--vertical-timeline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:vertical-timeline"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:vertical-timeline"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/vertical-timeline.svg" alt="Vertical Timeline ikonu" width="24" height="24">
IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Vertical Timeline ikonu
Vertical Timeline ikonu: sık sorulan sorular
Vertical Timeline ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Vertical Timeline ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:vertical-timeline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Vertical Timeline 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/icon-park/vertical-timeline.svg" alt="Vertical Timeline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: IconPark ikonları →
ICONYZ
