Ikon Share Outline
material-symbols:share-outline
Ikon Share Outline (material-symbols:share-outline) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols 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
- Pembuat
- Google
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Sosial
- Tag
- disable_ios, android, connect, contect, link, media, multimedia, multiple, network, options, share, shared, sharing, social, shareoutline, share 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="M17 22q-1.25 0-2.125-.875T14 19q0-.15.075-.7L7.05 14.2q-.4.375-.925.588T5 15q-1.25 0-2.125-.875T2 12t.875-2.125T5 9q.6 0 1.125.213t.925.587l7.025-4.1q-.05-.175-.062-.337T14 5q0-1.25.875-2.125T17 2t2.125.875T20 5t-.875 2.125T17 8q-.6 0-1.125-.213T14.95 7.2l-7.025 4.1q.05.175.063.338T8 12t-.012.363t-.063.337l7.025 4.1q.4-.375.925-.587T17 16q1.25 0 2.125.875T20 19t-.875 2.125T17 22m0-2q.425 0 .713-.287T18 19t-.288-.712T17 18t-.712.288T16 19t.288.713T17 20M5 13q.425 0 .713-.288T6 12t-.288-.712T5 11t-.712.288T4 12t.288.713T5 13m12.713-7.288Q18 5.426 18 5t-.288-.712T17 4t-.712.288T16 5t.288.713T17 6t.713-.288M17 5"/></svg>
Cara memakai ikon Share Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:share-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:share-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:share-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--share-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:share-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:share-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/share-outline.svg" alt="Ikon Share Outline" width="24" height="24">
Ikon terkait di Material Symbols
Ikon Share Outline di set ikon lain
FAQ Ikon Share Outline
Apakah ikon Share Outline gratis untuk penggunaan komersial?
Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Share Outline di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:share-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Share Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/share-outline.svg" alt="Ikon Share Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols →
