Ikon Ship Water
glyphs-poly:ship-water
Ikon Ship Water (glyphs-poly:ship-water) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- shipwater
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" fill-rule="evenodd" d="M55.855 34.342a5 5 0 0 1 2.965 5.964l-2.957 10.792a12.5 12.5 0 0 0-7.311 1.542a2.49 2.49 0 0 1-2.437 0a12.49 12.49 0 0 0-12.23 0a2.49 2.49 0 0 1-2.437 0a12.5 12.5 0 0 0-7.312-1.542l-2.957-10.792a5 5 0 0 1 2.965-5.964l13.999-5.6a5 5 0 0 1 3.713 0z" clip-rule="evenodd"/><path fill="#f2f2f2" fill-rule="evenodd" d="M38 28.385v22.817a12.5 12.5 0 0 1 4 0V28.385z" clip-rule="evenodd"/><path fill="#eb5757" fill-rule="evenodd" d="M33.5 16a1.5 1.5 0 0 0-1.5 1.5V22h16v-4.5a1.5 1.5 0 0 0-1.5-1.5z" clip-rule="evenodd"/><path fill="#f2f2f2" fill-rule="evenodd" d="M26 24.5a2.5 2.5 0 0 1 2.5-2.5h23a2.5 2.5 0 0 1 2.5 2.5v9.1l-12.144-4.857a5 5 0 0 0-3.713 0L26 33.6z" clip-rule="evenodd"/><path fill="#56ccf2" d="m21.667 56l-.98-1.744zM29 56l.98-1.744zm-12.466-1.24a2 2 0 0 0-1.068 3.855zm19.8 1.24l-.98-1.744zm7.333 0l-.98 1.744zM51 56l-.98-1.744zm7.333 0l.98-1.744zm6.201 2.615a2 2 0 0 0-1.068-3.855zm-41.888-.871a5.49 5.49 0 0 1 5.375 0l1.958-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.5 5.5 0 0 1-4.153.504l-1.068 3.855a9.5 9.5 0 0 0 7.18-.871zm16.626 3.488a5.49 5.49 0 0 1 5.374 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.49 5.49 0 0 1-5.375 0l-1.958 3.488a9.49 9.49 0 0 0 9.292 0zm16.625 3.488a5.49 5.49 0 0 1 5.375 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.958-3.488a5.49 5.49 0 0 1-5.375 0l-1.959 3.488a9.49 9.49 0 0 0 9.292 0zm13.445.504a5.5 5.5 0 0 1-4.153-.504l-1.959 3.488a9.5 9.5 0 0 0 7.18.87zm-39.822 4.433a2 2 0 0 0 .712 3.936zM29 62l.98-1.744zm7.333 0l.98 1.744zm7.334 0l-.98 1.744zM51 62l-.98-1.744zm4.644 1.129a2 2 0 1 0 .712-3.936zm-31.288 0a5.5 5.5 0 0 1 3.665.615l1.958-3.488a9.5 9.5 0 0 0-6.335-1.063zm12.957.615a5.49 5.49 0 0 1 5.374 0l1.959-3.488a9.49 9.49 0 0 0-9.292 0zm-1.959-3.488a5.49 5.49 0 0 1-5.375 0l-1.958 3.488a9.49 9.49 0 0 0 9.292 0zm16.625 3.488a5.5 5.5 0 0 1 3.665-.615l.712-3.936a9.5 9.5 0 0 0-6.335 1.063zm-1.958-3.488a5.49 5.49 0 0 1-5.375 0l-1.959 3.488a9.49 9.49 0 0 0 9.292 0z"/></g></svg>Cara memakai ikon Ship Water
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:ship-water" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:ship-water" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:ship-water" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--ship-water]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:ship-water"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:ship-water"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/ship-water.svg" alt="Ikon Ship Water" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Ship Water di set ikon lain
FAQ Ikon Ship Water
Apakah ikon Ship Water gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ship Water di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:ship-water" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ship Water ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/ship-water.svg" alt="Ikon Ship Water">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.