Ikon Waves
glyphs-poly:waves
Ikon Waves (glyphs-poly:waves) 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
- wave
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" d="m13 19.5l1.414 1.414zm-.515.515L11.071 18.6zM14.5 18l1.414 1.414zm-1 1l-1.414-1.414zM4 21.53a2 2 0 1 0 0 4zm15.515-1.515l1.414-1.414zM37 19.5l1.414 1.414zm-.515.515L35.071 18.6zM38.5 18l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.015L42.1 21.429zM61 19.5l1.414 1.414zm-.515.515L59.071 18.6zM62.5 18l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.015l1.414-1.414zM76 25.53a2 2 0 1 0 0-4zM65 17.5l1.414-1.414zm-24 0l1.414-1.414zm-29.414.586l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM4 25.53a13.97 13.97 0 0 0 9.9-4.1l-2.83-2.83A9.96 9.96 0 0 1 4 21.53zm16.929-6.93l-2.515-2.514l-2.828 2.828L18.1 21.43zm14.657-.514l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM18.1 21.429c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.828c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.828l-2.515-2.515l-2.828 2.828L42.1 21.43zm14.657-.515l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM42.1 21.429c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.828c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.828l-2.515-2.515l-2.828 2.828L66.1 21.43zM66.1 21.429a13.96 13.96 0 0 0 9.9 4.1v-4a9.96 9.96 0 0 1-7.071-2.928zm-1.686-2.515a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0z"/><path fill="#2f80ed" d="m13 33.229l1.414 1.414zm-.515.514l-1.414-1.414zM14.5 31.73l1.414 1.414zm-1 1l-1.414-1.415zM4 35.259a2 2 0 1 0 0 4zm15.515-1.516l1.414-1.414zM37 33.23l1.414 1.414zm-.515.514l-1.414-1.414zM38.5 31.73l1.414 1.414zm-1 1l-1.414-1.415zm6.015 1.014L42.1 35.158zM61 33.23l1.414 1.414zm-.515.514l-1.414-1.414zM62.5 31.73l1.414 1.414zm-1 1l-1.414-1.415zm6.015 1.014l1.414-1.414zM76 39.258a2 2 0 1 0 0-4zm-11-8.03l1.414-1.414zm-24 0l1.414-1.414zm-29.414.586l-.515.515l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zM4 39.259c3.58 0 7.166-1.367 9.9-4.1l-2.829-2.829A9.96 9.96 0 0 1 4 35.26zm16.929-6.929l-2.515-2.515l-2.828 2.829l2.515 2.515zm14.657-.515l-.515.515l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zM18.1 35.159c5.467 5.467 14.331 5.467 19.799 0L35.07 32.33c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.829l-2.515-2.515l-2.828 2.829l2.514 2.515zm14.657-.515l-.515.515l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zm-.5.5l-.5.5l2.828 2.829l.5-.5zM42.1 35.159c5.467 5.467 14.331 5.467 19.799 0L59.07 32.33c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.829l-2.515-2.515l-2.828 2.829l2.514 2.515zM66.1 35.158a13.96 13.96 0 0 0 9.9 4.1v-4a9.96 9.96 0 0 1-7.071-2.929zm-1.686-2.515a.586.586 0 0 1-.828 0l2.828-2.829a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.829a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.829a3.414 3.414 0 0 0-4.828 0z"/><path fill="#56ccf2" d="m13 46.957l1.414 1.414zm-.515.515l-1.414-1.414zm2.015-2.015l1.414 1.414zm-1 1l-1.414-1.414zM4 48.987a2 2 0 0 0 0 4zm15.515-1.515l1.414-1.414zM37 46.957l1.414 1.414zm-.515.515l-1.414-1.414zm2.015-2.015l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.015L42.1 48.886zM61 46.957l1.414 1.414zm-.515.515l-1.414-1.414zm2.015-2.015l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.015l1.414-1.414zM76 52.987a2 2 0 1 0 0-4zm-11-8.03l1.414-1.414zm-24 0l1.414-1.414zm-29.414.586l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM4 52.987a13.97 13.97 0 0 0 9.9-4.1l-2.829-2.83A9.96 9.96 0 0 1 4 48.988zm16.929-6.93l-2.515-2.514l-2.828 2.828l2.515 2.515zm14.657-.514l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM18.1 48.886c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.828c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.828l-2.515-2.515l-2.828 2.828l2.514 2.515zm14.657-.515l-.515.515l2.829 2.828l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM42.1 48.886c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.828c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.828l-2.515-2.515l-2.828 2.828l2.514 2.515zM66.1 48.886a13.96 13.96 0 0 0 9.9 4.1v-4a9.96 9.96 0 0 1-7.071-2.928zm-1.686-2.515a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0z"/><path fill="#2f80ed" d="m13 60.686l1.414 1.414zm-.515.514l-1.414-1.414zm2.015-2.014l1.414 1.414zm-1 1l-1.414-1.414zM4 62.716a2 2 0 0 0 0 4zM19.515 61.2l1.414-1.414zM37 60.686l1.414 1.414zm-.515.514l-1.414-1.414zm2.015-2.014l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.014L42.1 62.615zM61 60.686l1.414 1.414zm-.515.514l-1.414-1.414zm2.015-2.014l1.414 1.414zm-1 1l-1.414-1.414zm6.015 1.014l1.414-1.414zM76 66.715a2 2 0 1 0 0-4zm-11-8.03l1.414-1.413zm-24 0l1.414-1.413zm-29.414.587l-.515.514l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM4 66.715c3.58 0 7.166-1.367 9.9-4.1l-2.829-2.829A9.96 9.96 0 0 1 4 62.716zm16.929-6.929l-2.515-2.514l-2.828 2.828l2.515 2.515zm14.657-.514l-.515.514l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM18.1 62.615c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.829c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.829l-2.515-2.514l-2.828 2.828l2.514 2.515zm14.657-.514l-.515.514l2.829 2.829l.514-.515zm2-2l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zm-.5.5l-.5.5l2.828 2.828l.5-.5zM42.1 62.615c5.467 5.467 14.331 5.467 19.799 0l-2.829-2.829c-3.905 3.905-10.237 3.905-14.142 0zm26.828-2.829l-2.515-2.514l-2.828 2.828l2.514 2.515zM66.1 62.615a13.96 13.96 0 0 0 9.9 4.1v-4a9.96 9.96 0 0 1-7.071-2.929zM64.415 60.1a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0zm-24 0a.586.586 0 0 1-.828 0l2.828-2.828a3.414 3.414 0 0 0-4.828 0z"/></g></svg>Cara memakai ikon Waves
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:waves" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:waves" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:waves" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--waves]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:waves"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:waves"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/waves.svg" alt="Ikon Waves" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Waves di set ikon lain
FAQ Ikon Waves
Apakah ikon Waves 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 Waves di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:waves" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Waves ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/waves.svg" alt="Ikon Waves">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.