ICONYZ
Türkçe
WebHostingHub Glyphs setinden Horizontalexpand ikonu

Horizontalexpand ikonu

whh:horizontalexpand

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

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1004 558q-8 9-84 71t-88 71q-9 6-16.5 2T804 689l-4-9V576H576v384q0 27-19 45.5t-45.5 18.5t-45-18.5T448 960V576H224v104l-2 4l-4 8l-6.5 8l-9 4l-10.5-4q-12-9-88-71t-84-71Q0 538 0 511.5T19 466q5-4 86.5-70t86.5-71q9-7 16.5-2.5T220 336l4 9v103h224V64q0-27 18.5-45.5t45-18.5T557 18.5T576 64v384h224V345q0-1 1-3.5t4.5-8.5t7-8t9-4t10.5 4q5 5 86.5 70.5T1005 466q19 19 19 46t-20 46"/></svg>

Horizontalexpand ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Horizontalexpand ikonu: sık sorulan sorular

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

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

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

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