Ikon Slack
streamline-plump-color:slack
Ikon Slack (streamline-plump-color:slack) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Plump color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Komputer dan perangkat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M3 19c0-2.592 1.892-4.745 4.481-4.869A126 126 0 0 1 13.5 14h5.503C21.764 14 24 16.239 24 19s-2.236 5-4.997 5H13.5c-2.466 0-4.459-.056-6.019-.131C4.892 23.745 3 21.592 3 19"/><path fill="#8fbffa" d="M13 8.67C13 5.558 15.523 3 18.635 3c2.895 0 5.324 2.196 5.36 5.09c.02 1.533-.017 3.236-.173 4.852a.965.965 0 0 1-.882.866a56 56 0 0 1-4.917.191C15.147 13.985 13 11.546 13 8.67M29 3c2.592 0 4.745 1.892 4.869 4.481c.075 1.56.131 3.553.131 6.019v5.503C34 21.764 31.761 24 29 24s-5-2.236-5-4.997V13.5c0-2.466.056-4.459.131-6.019C24.255 4.892 26.408 3 29 3"/><path fill="#8fbffa" d="M39.33 13c3.112 0 5.67 2.523 5.67 5.635c0 2.895-2.196 5.324-5.09 5.36c-1.533.02-3.236-.017-4.852-.173a.965.965 0 0 1-.866-.882A56 56 0 0 1 34 18.023C34.015 15.147 36.454 13 39.33 13M45 29c0 2.592-1.892 4.745-4.481 4.869c-1.56.075-3.553.131-6.019.131h-5.503C26.236 34 24 31.761 24 29s2.236-5 4.997-5H34.5c2.466 0 4.459.056 6.019.131C43.108 24.255 45 26.408 45 29"/><path fill="#8fbffa" d="M35 39.33c0 3.112-2.523 5.67-5.635 5.67c-2.895 0-5.324-2.196-5.36-5.09c-.02-1.533.017-3.236.173-4.852a.965.965 0 0 1 .882-.866A56 56 0 0 1 29.978 34c2.875.015 5.022 2.454 5.022 5.33M19 45c-2.592 0-4.745-1.892-4.869-4.481c-.075-1.56-.131-3.553-.131-6.019v-5.503C14 26.236 16.239 24 19 24s5 2.236 5 4.997V34.5c0 2.466-.056 4.459-.131 6.019C23.745 43.108 21.592 45 19 45"/><path fill="#8fbffa" d="M8.67 35C5.558 35 3 32.477 3 29.365c0-2.895 2.196-5.324 5.09-5.36c1.533-.02 3.236.017 4.852.173a.965.965 0 0 1 .866.882c.152 1.803.198 3.477.191 4.917C13.985 32.853 11.546 35 8.67 35"/><path stroke="#2859c5" stroke-linejoin="round" d="M3 19c0-2.592 1.892-4.745 4.481-4.869A126 126 0 0 1 13.5 14h5.503C21.764 14 24 16.239 24 19s-2.236 5-4.997 5H13.5c-2.466 0-4.459-.056-6.019-.131C4.892 23.745 3 21.592 3 19Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M13 8.67C13 5.558 15.523 3 18.635 3c2.895 0 5.324 2.196 5.36 5.09c.02 1.533-.017 3.236-.173 4.852a.965.965 0 0 1-.882.866a56 56 0 0 1-4.917.191C15.147 13.985 13 11.546 13 8.67ZM29 3c2.592 0 4.745 1.892 4.869 4.481c.075 1.56.131 3.553.131 6.019v5.503C34 21.764 31.761 24 29 24s-5-2.236-5-4.997V13.5c0-2.466.056-4.459.131-6.019C24.255 4.892 26.408 3 29 3Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M39.33 13c3.112 0 5.67 2.523 5.67 5.635c0 2.895-2.196 5.324-5.09 5.36c-1.533.02-3.236-.017-4.852-.173a.965.965 0 0 1-.866-.882A56 56 0 0 1 34 18.023C34.015 15.147 36.454 13 39.33 13ZM45 29c0 2.592-1.892 4.745-4.481 4.869c-1.56.075-3.553.131-6.019.131h-5.503C26.236 34 24 31.761 24 29s2.236-5 4.997-5H34.5c2.466 0 4.459.056 6.019.131C43.108 24.255 45 26.408 45 29Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M35 39.33c0 3.112-2.523 5.67-5.635 5.67c-2.895 0-5.324-2.196-5.36-5.09c-.02-1.533.017-3.236.173-4.852a.965.965 0 0 1 .882-.866A56 56 0 0 1 29.978 34c2.875.015 5.022 2.454 5.022 5.33ZM19 45c-2.592 0-4.745-1.892-4.869-4.481c-.075-1.56-.131-3.553-.131-6.019v-5.503C14 26.236 16.239 24 19 24s5 2.236 5 4.997V34.5c0 2.466-.056 4.459-.131 6.019C23.745 43.108 21.592 45 19 45Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M8.67 35C5.558 35 3 32.477 3 29.365c0-2.895 2.196-5.324 5.09-5.36c1.533-.02 3.236.017 4.852.173a.965.965 0 0 1 .866.882c.152 1.803.198 3.477.191 4.917C13.985 32.853 11.546 35 8.67 35Z"/></g></svg>
Cara memakai ikon Slack
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:slack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:slack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:slack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--slack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:slack"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:slack"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/slack.svg" alt="Ikon Slack" width="24" height="24">
Ikon terkait di Plump color icons
Ikon Slack di set ikon lain
FAQ Ikon Slack
Apakah ikon Slack gratis untuk penggunaan komersial?
Ya. Plump color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Slack di React?
Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:slack" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Slack ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/slack.svg" alt="Ikon Slack">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Plump color icons →
ICONYZ
