Ikon Join Outline
material-symbols-light:join-outline
Ikon Join Outline (material-symbols-light:join-outline) adalah ikon SVG gratis dari set Material Symbols Light karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols Light 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
- Material Symbols Light
- Pembuat
- Google
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Teks
- Tag
- joinoutline, join outline rounded, join outline sharp
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 17q2.075 0 3.538-1.463T21 12t-1.463-3.537T16 7q-.963 0-1.803.339q-.84.338-1.485.932q.61.765.948 1.721q.34.956.34 2.008t-.34 2.008t-.948 1.72q.646.595 1.485.934Q15.037 17 16 17m-4-2q.475-.625.738-1.388T13 12t-.262-1.612T12 9q-.475.625-.737 1.388T11 12t.263 1.613T12 15m-4 2q.964 0 1.803-.338q.84-.339 1.486-.933q-.61-.765-.95-1.721T10 12t.34-2.008t.948-1.72q-.646-.595-1.485-.934Q8.963 7 8 7Q5.925 7 4.463 8.463T3 12t1.463 3.538T8 17m0 1q-2.502 0-4.251-1.749T2 12t1.749-4.251T8 6q1.164 0 2.186.412q1.022.411 1.814 1.146q.792-.735 1.815-1.146Q14.837 6 16 6q2.502 0 4.251 1.749T22 12t-1.749 4.251T16 18q-1.163 0-2.185-.412q-1.023-.411-1.815-1.146q-.792.735-1.815 1.147Q9.164 18 8 18"/></svg>
Cara memakai ikon Join Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:join-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:join-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:join-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--join-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:join-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:join-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/join-outline.svg" alt="Ikon Join Outline" width="24" height="24">
Ikon terkait di Material Symbols Light
Ikon Join Outline di set ikon lain
FAQ Ikon Join Outline
Apakah ikon Join Outline gratis untuk penggunaan komersial?
Ya. Material Symbols Light icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Join Outline di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols-light:join-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Join Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols-light/join-outline.svg" alt="Ikon Join Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols Light →
ICONYZ
