ICONYZ
Türkçe
WebHostingHub Glyphs setinden Travel ikonu

Travel ikonu

whh:travel

Travel ikonu (whh:travel), 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="M896 1024H128q-53 0-90.5-37.5T0 896V384q0-53 37.5-90.5T128 256h128v-96q0-68 51-114T416 0h192q58 0 109 46t51 114v96h128q53 0 90.5 37.5T1024 384v512q0 53-37.5 90.5T896 1024M288 448q-40 0-68 28t-28 68t28 68t68 28t68-28t28-68t-28-68t-68-28m352-256q0-27-18.5-45.5T576 128H448q-26 0-45 18.5T384 192v64h256zm192 448l-256 64l64 192l256-64z"/></svg>

Travel ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Travel ikonu

Travel ikonu: sık sorulan sorular

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

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

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

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