ICONYZ
Türkçe
theSVG Color setinden Zen Browser Light ikonu

Zen Browser Light ikonu

thesvg-color:zen-browser-light

Zen Browser Light ikonu (thesvg-color:zen-browser-light), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 64 × 64 ızgara üzerinde çizilmiştir. theSVG Color 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
theSVG Color
Yazar
thesvg.org
Lisans
MIT
Boyut
64 × 64
Etiketler
zenbrowser, browserlight, zenbrowserlight
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#202020" fill-rule="evenodd" clip-rule="evenodd"><path d="M32 44.308c6.797 0 12.308-5.51 12.308-12.308c0-6.797-5.51-12.308-12.308-12.308c-6.797 0-12.308 5.51-12.308 12.308c0 6.797 5.51 12.308 12.308 12.308M41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846s9.846 4.408 9.846 9.846"/><path d="M53.333 32c0 11.782-9.55 21.333-21.333 21.333S10.667 43.783 10.667 32S20.217 10.667 32 10.667S53.333 20.217 53.333 32M32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77S14.77 22.483 14.77 32S22.483 49.23 32 49.23"/><path d="M64 32c0 17.673-14.327 32-32 32S0 49.673 0 32S14.327 0 32 0s32 14.327 32 32M32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744S5.744 17.499 5.744 32S17.499 58.256 32 58.256"/></g></svg>

Zen Browser Light ikonu nasıl kullanılır

React

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

<Icon icon="thesvg-color:zen-browser-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:zen-browser-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:zen-browser-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--zen-browser-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:zen-browser-light"></div>

Web bileşeni

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

<iconify-icon icon="thesvg-color:zen-browser-light"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/thesvg-color/zen-browser-light.svg" alt="Zen Browser Light ikonu" width="24" height="24">

theSVG Color setindeki benzer ikonlar

Zen Browser Light ikonu: sık sorulan sorular

Zen Browser Light ikonu ticari kullanım için ücretsiz mi?

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

Zen Browser Light ikonunu React'te nasıl kullanırım?

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

Zen Browser Light 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/thesvg-color/zen-browser-light.svg" alt="Zen Browser Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →