Ikon Downstream
carbon:downstream
Ikon Downstream (carbon:downstream) 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.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5 24a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 4a1 1 0 1 1 0-2a1 1 0 0 1 0 2m11-4a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 4a1 1 0 1 1 0-2a1 1 0 0 1 0 2m11-4a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 4a1 1 0 1 1 0-2a1 1 0 0 1 0 2m2.586-10.414L28 19.172V16c0-3.554-2.665-6.492-6.1-6.936c.062-.345.1-.7.1-1.064a6 6 0 0 0-12 0c0 .364.038.719.1 1.064C6.665 9.508 4 12.446 4 16v3.171l-1.586-1.585L1 19l4 4l4-4l-1.414-1.414L6 19.172V16c0-2.695 2.148-4.885 4.82-4.982A6 6 0 0 0 15 13.91v5.262l-1.586-1.586L12 19l4 4l4-4l-1.414-1.414L17 19.172V13.91a6 6 0 0 0 4.18-2.892C23.852 11.115 26 13.305 26 16v3.171l-1.586-1.585L23 19l4 4l4-4zM16 12c-2.206 0-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4s-1.794 4-4 4"/></svg>Cara memakai ikon Downstream
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:downstream" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:downstream" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:downstream" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--downstream]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:downstream"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:downstream"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/downstream.svg" alt="Ikon Downstream" width="24" height="24">FAQ Ikon Downstream
Apakah ikon Downstream 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 Downstream di React?
Pasang @iconify/react lalu render <Icon icon="carbon:downstream" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Downstream ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/downstream.svg" alt="Ikon Downstream">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.