ICONYZ
Türkçe
WebHostingHub Glyphs setinden Pebble ikonu

Pebble ikonu

whh:pebble

Pebble ikonu (whh:pebble), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 768 × 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
768 × 1024
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M768 640v192h-64v32q0 13-9.5 22.5T672 896h-96v96q0 13-9.5 22.5T544 1024H224q-13 0-22.5-9.5T192 992v-96H96q-13 0-22.5-9.5T64 864V448H0V256h64v-96q0-13 9.5-22.5T96 128h96V32q0-13 9.5-22.5T224 0h320q13 0 22.5 9.5T576 32v96h96q13 0 22.5 9.5T704 160v32h64v192h-64v64h64v128h-64v64zM640 256H128v512h512z"/></svg>

Pebble ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Pebble ikonu

Pebble ikonu: sık sorulan sorular

Pebble 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.

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

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

Pebble 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/pebble.svg" alt="Pebble 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ı →