Ikon Weave
logos:weave
Ikon Weave (logos:weave) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 261. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 261
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="261" viewBox="0 0 256 261"><path fill="#ff4b19" d="M64.653 244.896c-10.596-5.665-20.27-12.791-28.859-21.048v-37.887l38.05-34.36v34.273L226.665 47.851c8.356 10.224 15.112 21.773 20.071 34.241z"/><path fill="#00d2ff" d="m144.814 210.882l109.836-98.518c.795 5.817 1.35 11.711 1.35 17.747c0 13.002-1.963 25.536-5.513 37.384L147.326 258.31c-6.989 1.161-14.118 1.913-21.437 1.913c-6.516 0-12.867-.635-19.125-1.56V1.56C113.022.635 119.373 0 125.889 0c6.445 0 12.73.624 18.925 1.529z"/><path fill="#556991" d="m106.764 116.824l99.078-89.214c-10.484-8.191-22.25-14.76-34.956-19.452L0 162.475a129.2 129.2 0 0 0 15.6 36.436z"/><path fill="#ff4b19" d="M35.794 180.727v9.177l38.05-34.361V10.899c-14.196 6.207-27.036 14.888-38.05 25.475z"/></svg>Cara memakai ikon Weave
React
import { Icon } from "@iconify/react";
<Icon icon="logos:weave" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:weave" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:weave" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--weave]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:weave"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:weave"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/weave.svg" alt="Ikon Weave" width="24" height="24">FAQ Ikon Weave
Apakah ikon Weave gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Weave di React?
Pasang @iconify/react lalu render <Icon icon="logos:weave" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Weave ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/weave.svg" alt="Ikon Weave">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.