Ikon Surf 48
energy-icons:surf-48
Ikon Surf 48 (energy-icons:surf-48) adalah ikon SVG gratis dari set Energy Icons karya Sam Passmore. Ikon ini digambar pada grid 48 × 48. Energy 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
- Energy Icons
- Pembuat
- Sam Passmore
- Lisensi
- MIT
- Ukuran
- 48 × 48
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M37.369 5.225a1 1 0 0 1 1.338.068c2.275 2.275 3.54 6.598 3.667 11.682c.13 5.144-.898 11.284-3.45 17.41a1 1 0 0 1-1.847 0c-2.553-6.126-3.58-12.266-3.452-17.41c.128-5.085 1.394-9.408 3.668-11.682zm.63 2.34c-1.347 1.945-2.27 5.248-2.375 9.46c-.104 4.19.606 9.128 2.375 14.178c1.77-5.05 2.481-9.988 2.376-14.178c-.105-4.213-1.028-7.515-2.376-9.46M28 26c0-1.739-.646-3.213-1.798-4.26C25.045 20.688 23.3 20 21 20c-5.392 0-10 4.494-10 11c0 2.522-.243 4.99-1.244 6.849c-.513.953-1.232 1.758-2.215 2.317Q6.075 41 4 41a1 1 0 1 1 0-2c1.116 0 1.937-.222 2.553-.572c.61-.347 1.08-.855 1.441-1.527C8.743 35.511 9 33.478 9 31c0-7.494 5.392-13 12-13c2.7 0 4.955.812 6.548 2.26C29.146 21.713 30 23.739 30 26c0 1.727-.58 3.244-1.668 4.332S25.727 32 24 32c-2.552 0-4.5-1.948-4.5-4.5a1 1 0 1 1 2 0c0 1.448 1.052 2.5 2.5 2.5c1.273 0 2.256-.42 2.918-1.082S28 27.273 28 26m16 17a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2z"/></svg>Cara memakai ikon Surf 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:surf-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:surf-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:surf-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--surf-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:surf-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:surf-48"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/surf-48.svg" alt="Ikon Surf 48" width="24" height="24">Ikon terkait di Energy Icons
FAQ Ikon Surf 48
Apakah ikon Surf 48 gratis untuk penggunaan komersial?
Ya. Energy Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Surf 48 di React?
Pasang @iconify/react lalu render <Icon icon="energy-icons:surf-48" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Surf 48 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/energy-icons/surf-48.svg" alt="Ikon Surf 48">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.