Vial ikonu

whh:vial

Vial ikonu (whh:vial), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 512 × 1024 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License 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: WebHostingHub Glyphs
Yazar: WebHostingHub
Lisans: OFL-1.1
Boyut: 512 × 1024

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="1024" viewBox="0 0 512 1024"><path fill="currentColor" d="M480 64h-32v768q0 80-56 136t-136 56t-136-56t-56-136V64H32q-13 0-22.5-9.5T0 32T9.5 9.5T32 0h448q13 0 22.5 9.5T512 32t-9.5 22.5T480 64M288 832q13 0 22.5-9.5T320 800t-9.5-22.5T288 768t-22.5 9.5T256 800t9.5 22.5T288 832m-96.5-128q26.5 0 45.5-19t19-45.5t-19-45t-45.5-18.5t-45 18.5t-18.5 45t18.5 45.5t45 19M384 64H128v320h256zm-32 448q-13 0-22.5 9.5T320 544t9.5 22.5T352 576t22.5-9.5T384 544t-9.5-22.5T352 512"/></svg>

Vial ikonu nasıl kullanılır

React

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

<Icon icon="whh:vial" width="24" />

Vue

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

<template>
  <Icon icon="whh:vial" width="24" />
</template>

Svelte

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

<Icon icon="whh:vial" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--vial]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:vial"></div>

Web bileşeni

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

<iconify-icon icon="whh:vial"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/whh/vial.svg" alt="Vial ikonu" width="24" height="24">

Diğer ikon setlerinde Vial ikonu

Vial ikonu: sık sorulan sorular

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

Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Vial ikonunu React'te nasıl kullanırım?

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

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

Tümüne göz at: WebHostingHub Glyphs ikonları →