Pathe ikonu
unjs:pathe
Pathe ikonu (unjs:pathe), UnJS Logos setinden ücretsiz bir SVG ikondur (yapımcı: UnJS). 32 × 32 ızgara üzerinde çizilmiştir. UnJS Logos icons, Apache 2.0 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
- UnJS Logos
- Yazar
- UnJS
- Lisans
- Apache-2.0
- Boyut
- 32 × 32
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#a1d1da" d="m8.042 17.068l4.076-.67s-1.546-1.693-3.61-2.14c-2.066-.448-2.958-.373-2.958-.373s-1.525-.967-2.568-1.285C1.94 12.283.97 12.408.97 12.408l-.01 4.35zm15.598.427L19.99 16.3s2.333-1.68 3.605-2.02c1.343-.357 2.823-.217 2.823-.217s1.107-.973 2.387-1.473s2.242-.518 2.242-.518l-.002 4.386s-1.268 1.477-1.293 1.442c-.02-.037-6.112-.405-6.112-.405"/><path fill="#518e2c" d="M24.79 16.25s.65-.998 1.402-1.057c.993-.078 1.338.175 1.338.175s.475-.348.915-.335c.633.017 1.003.632 1.003.632s.3-.872.65-.862c.597.017.684 1.514.684 1.514l-2.032.778zm-23.602.215s.535-1.605.904-1.588c.37.018.65.723.65.723s.356-1.827.9-1.827c.51 0 .84 2.55.84 2.55l.74.317l.86-.213s.406-1.09.688-1.072c.265.018.44.563.44.563s.192-1.038.598-1.038c.457 0 .74 1.495.74 1.495l-3.958 1.35z"/><path fill="#7db240" d="m31.05 16.17l.002 12.997a1.88 1.88 0 0 1-1.88 1.88H2.845a1.88 1.88 0 0 1-1.88-1.88l-.008-12.82z"/><path fill="#5e6367" d="M12.123 16.285s1.582-.035 4.207-.038c2.548-.002 3.918-.012 3.918-.012l8.444 14.815H3.087z"/><path fill="#fff" d="m4.603 31.05l8.012-14.775l.262-.008h.308l-7.63 14.785l-.45.008zm15.27-14.815l-.33-.005l-.37.008l7.362 14.812h.79zm-8.465 13.782l1.085.026l.734-3.393l-1.01-.012zm7.36-3.292l.98-.018l.737 3.323h-1.247zm-.24-1.4l.972-.025l-.613-2.707h-.812zm-4.463-2.793h-.838l-.647 2.808h.897zm-.088-3.092l.723.012l-.385 1.895l-.838.013zm.488-1.923a51 51 0 0 0-.287 1.123h.71l.187-1.123zm.16-.56h.6l.12-.707l-.298-.003c-.077 0-.255.006-.255.006zm2.582-.002h.663l-.145-.712l-.305-.005l-.295.007zm.16.628l.583-.013l.233 1.082l-.686.013zm.28 1.872l.676-.022l.382 1.974l-.837.013z"/><path fill="#9a9a9a" d="M4.367 5.053v15.005h1.428V4.78zM26.122 20.67l.1-15.712l1.433.1l-.075 15.612z"/><path fill="#c8c8c8" d="M28.283 5.34H3.494a.5.5 0 0 1-.5-.5c0-.275.225-.5.5-.5H28.28a.5.5 0 0 1 .002 1M3.524 10.23a.5.5 0 0 1 0-1L28.37 9.2a.5.5 0 1 1 0 1z"/><path fill="#c8c8c8" d="m21.895 9.066l4.536-4.537l.618.62l-4.535 4.535zM5.072 5.289l.618-.619l4.528 4.528l-.619.618z"/><path fill="#dfe1e0" d="M22.698 12.153H9.223a.91.91 0 0 1-.91-.91V2.96a.91.91 0 0 1 .91-.91h13.475a.91.91 0 0 1 .91.91v8.283a.91.91 0 0 1-.91.91"/><path fill="#1b9372" d="m9.098 11.365l.072-8.647l13.628.047v8.578z"/><path fill="#85d59e" d="m17.453 6.373l.04-2.15h3.717v2.17s-3.738-.04-3.758-.02m-6.175-1.128c0 .885.702 1.448 1.487 1.448c.782 0 1.428-.563 1.428-1.468s-.823-1.467-1.428-1.467c-.785 0-1.488.542-1.488 1.487"/><path fill="#fefffe" d="M12.155 7.295h1.265V8.6s1.488-.543 1.608-.403s-1.95 2.31-2.19 2.31s-2.453-2.13-2.37-2.29c.08-.16 1.687.303 1.687.303zm6.633.08h1.264V8.68s1.488-.543 1.608-.403s-1.95 2.31-2.19 2.31s-2.453-2.13-2.37-2.29c.08-.16 1.688.303 1.688.303z"/></g></svg>Pathe ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:pathe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:pathe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:pathe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--pathe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:pathe"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:pathe"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/unjs/pathe.svg" alt="Pathe ikonu" width="24" height="24">Diğer ikon setlerinde Pathe ikonu
Pathe ikonu: sık sorulan sorular
Pathe ikonu ticari kullanım için ücretsiz mi?
Evet. UnJS Logos icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Pathe ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="unjs:pathe" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Pathe 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/unjs/pathe.svg" alt="Pathe ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.