Ship Water Outline ikonu
glyphs:ship-water-outline
Ship Water Outline ikonu (glyphs:ship-water-outline), Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs 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
- Glyphs
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- shipwater, wateroutline, shipwateroutline
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M56 32.246V24.5a4.5 4.5 0 0 0-4.5-4.5H50v-2.5a3.5 3.5 0 0 0-3.5-3.5h-13a3.5 3.5 0 0 0-3.5 3.5V20h-1.5a4.5 4.5 0 0 0-4.5 4.5v7.746l-.598.24a7 7 0 0 0-4.152 8.348l2.806 10.242l1.842-.386a7 7 0 0 1 4.856.745h.001a7.99 7.99 0 0 0 7.823 0a6.99 6.99 0 0 1 6.844 0a7.99 7.99 0 0 0 7.823 0a7 7 0 0 1 4.856-.745l1.842.386l2.806-10.242a7 7 0 0 0-4.152-8.349zM34 18v2h12v-2zm-5.5 6a.5.5 0 0 0-.5.5v6.146l9.4-3.76a7 7 0 0 1 5.2 0l9.4 3.76V24.5a.5.5 0 0 0-.5-.5zM42 30.954l13.146 5.26a3 3 0 0 1 1.745 3.563l-1.855 6.77c-1.977-.066-3.968.4-5.75 1.401a3.99 3.99 0 0 1-3.906 0A11 11 0 0 0 42 46.724zm-17.152 5.261L38 30.955v15.77a11 11 0 0 0-3.38 1.223a3.99 3.99 0 0 1-3.905 0h-.002a11 11 0 0 0-5.75-1.4l-1.854-6.77a3 3 0 0 1 1.74-3.563" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M28.02 57.744a5.49 5.49 0 0 0-5.374 0a9.5 9.5 0 0 1-7.18.87a2 2 0 1 1 1.068-3.854a5.5 5.5 0 0 0 4.154-.504a9.49 9.49 0 0 1 9.29 0h.002a5.49 5.49 0 0 0 5.374 0a9.49 9.49 0 0 1 9.292 0a5.49 5.49 0 0 0 5.375 0a9.49 9.49 0 0 1 9.292 0a5.5 5.5 0 0 0 4.153.504a2 2 0 1 1 1.068 3.855a9.5 9.5 0 0 1-7.18-.871a5.49 5.49 0 0 0-5.374 0a9.49 9.49 0 0 1-9.292 0a5.49 5.49 0 0 0-5.375 0a9.49 9.49 0 0 1-9.29 0z"/><path fill="currentColor" fill-opacity=".25" d="M37.313 63.744a5.49 5.49 0 0 1 5.374 0a9.49 9.49 0 0 0 9.293 0a5.5 5.5 0 0 1 3.664-.615a2 2 0 0 0 .712-3.937a9.5 9.5 0 0 0-6.335 1.064a5.49 5.49 0 0 1-5.375 0a9.49 9.49 0 0 0-9.292 0a5.49 5.49 0 0 1-5.374 0h-.002a9.5 9.5 0 0 0-6.334-1.064a2 2 0 1 0 .712 3.937a5.5 5.5 0 0 1 3.665.615h.001a9.49 9.49 0 0 0 9.29 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M56 32.246V24.5a4.5 4.5 0 0 0-4.5-4.5H50v-2.5a3.5 3.5 0 0 0-3.5-3.5h-13a3.5 3.5 0 0 0-3.5 3.5V20h-1.5a4.5 4.5 0 0 0-4.5 4.5v7.746l-.598.24a7 7 0 0 0-4.152 8.348l2.806 10.242l1.842-.386a7 7 0 0 1 4.856.745h.001a7.99 7.99 0 0 0 7.823 0a6.99 6.99 0 0 1 6.844 0a7.99 7.99 0 0 0 7.823 0a7 7 0 0 1 4.856-.745l1.842.386l2.806-10.242a7 7 0 0 0-4.152-8.349zM34 18v2h12v-2zm-5.5 6a.5.5 0 0 0-.5.5v6.146l9.4-3.76a7 7 0 0 1 5.2 0l9.4 3.76V24.5a.5.5 0 0 0-.5-.5zM42 30.954l13.146 5.26a3 3 0 0 1 1.745 3.563l-1.855 6.77c-1.977-.066-3.968.4-5.75 1.401a3.99 3.99 0 0 1-3.906 0A11 11 0 0 0 42 46.724zm-17.152 5.261L38 30.955v15.77a11 11 0 0 0-3.38 1.223a3.99 3.99 0 0 1-3.905 0h-.002a11 11 0 0 0-5.75-1.4l-1.854-6.77a3 3 0 0 1 1.74-3.563" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.02 57.744a5.49 5.49 0 0 0-5.374 0a9.5 9.5 0 0 1-7.18.87a2 2 0 1 1 1.068-3.854a5.5 5.5 0 0 0 4.154-.504a9.49 9.49 0 0 1 9.29 0h.002a5.49 5.49 0 0 0 5.374 0a9.49 9.49 0 0 1 9.292 0a5.49 5.49 0 0 0 5.375 0a9.49 9.49 0 0 1 9.292 0a5.5 5.5 0 0 0 4.153.504a2 2 0 1 1 1.068 3.855a9.5 9.5 0 0 1-7.18-.871a5.49 5.49 0 0 0-5.374 0a9.49 9.49 0 0 1-9.292 0a5.49 5.49 0 0 0-5.375 0a9.49 9.49 0 0 1-9.29 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.313 63.744a5.49 5.49 0 0 1 5.374 0a9.49 9.49 0 0 0 9.293 0a5.5 5.5 0 0 1 3.664-.615a2 2 0 0 0 .712-3.937a9.5 9.5 0 0 0-6.335 1.064a5.49 5.49 0 0 1-5.375 0a9.49 9.49 0 0 0-9.292 0a5.49 5.49 0 0 1-5.374 0h-.002a9.5 9.5 0 0 0-6.334-1.064a2 2 0 1 0 .712 3.937a5.5 5.5 0 0 1 3.665.615h.001a9.49 9.49 0 0 0 9.29 0"/></g></svg>Ship Water Outline ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:ship-water-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:ship-water-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:ship-water-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--ship-water-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:ship-water-outline"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:ship-water-outline"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs/ship-water-outline.svg" alt="Ship Water Outline ikonu" width="24" height="24">Glyphs setindeki benzer ikonlar
Ship Water Outline ikonu: sık sorulan sorular
Ship Water Outline ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Ship Water Outline ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs:ship-water-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Ship Water Outline 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/glyphs/ship-water-outline.svg" alt="Ship Water Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.