ICONYZ
Bahasa Indonesia
Ikon Wave Direction dari Carbon

Ikon Wave Direction

carbon:wave-direction

Ikon Wave Direction (carbon:wave-direction) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Carbon
Pembuat
IBM
Lisensi
Apache-2.0
Ukuran
32 × 32
Kategori
Perencanaan
Tag
wavedirection
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22 30h-5a7.01 7.01 0 0 1-7-7a6.68 6.68 0 0 1 2.024-4.697A6.7 6.7 0 0 0 10.01 18C5.043 18.047 4 24.551 4 30H2c0-11.51 4.345-13.966 7.99-14a10.1 10.1 0 0 1 4.48 1.117a1 1 0 0 1 .06 1.73A4.877 4.877 0 0 0 17 28h5Z"/><path fill="currentColor" d="M18 24v-2a8 8 0 1 0-8-8H8a10 10 0 1 1 10 10"/><circle cx="18" cy="8" r="1" fill="currentColor"/><path fill="currentColor" d="m23 17.586l-2.3-2.3A3 3 0 0 0 21 14a3.003 3.003 0 0 0-3-3a2.96 2.96 0 0 0-1.285.3l-2.3-2.3L13 10.414l2.3 2.3A3 3 0 0 0 15 14a3.003 3.003 0 0 0 3 3a2.96 2.96 0 0 0 1.285-.3l2.3 2.3ZM17 14a1 1 0 1 1 1 1a1 1 0 0 1-1-1"/></svg>

Cara memakai ikon Wave Direction

React

import { Icon } from "@iconify/react";

<Icon icon="carbon:wave-direction" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="carbon:wave-direction" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="carbon:wave-direction" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--wave-direction]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:wave-direction"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="carbon:wave-direction"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/wave-direction.svg" alt="Ikon Wave Direction" width="24" height="24">

Ikon terkait di Carbon

Ikon wave-height
wave-height
 Ikon wave-period
wave-period
 Ikon waveform
waveform

FAQ Ikon Wave Direction

Apakah ikon Wave Direction gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Wave Direction di React?

Pasang @iconify/react lalu render <Icon icon="carbon:wave-direction" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Wave Direction ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/wave-direction.svg" alt="Ikon Wave Direction">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →