Ikon Snaplet Icon
logos:snaplet-icon
Ikon Snaplet Icon (logos:snaplet-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 234. 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 × 234
- Tag
- snapleticon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="234" viewBox="0 0 256 234"><path fill="#ef4357" d="M65.855 195.984c6.432 0 12.6-2.529 17.15-7.031a23.92 23.92 0 0 0 7.114-16.98c0-3.155-.628-6.279-1.847-9.194a24 24 0 0 0-5.26-7.792a24.3 24.3 0 0 0-7.873-5.204a24.4 24.4 0 0 0-9.284-1.821c-6.43 0-12.595 2.53-17.142 7.033a23.9 23.9 0 0 0-7.1 16.978a23.92 23.92 0 0 0 7.106 16.973a24.38 24.38 0 0 0 17.136 7.038m123.43-20.587a24.5 24.5 0 0 0 9.283-1.822a24.3 24.3 0 0 0 7.872-5.203a24 24 0 0 0 5.26-7.793a23.8 23.8 0 0 0 1.848-9.193a23.92 23.92 0 0 0-7.114-16.98a24.38 24.38 0 0 0-17.15-7.031a24.38 24.38 0 0 0-17.136 7.038a23.9 23.9 0 0 0-7.106 16.973a23.9 23.9 0 0 0 7.1 16.979a24.36 24.36 0 0 0 17.143 7.032"/><path fill="#231f20" d="M6.175 233.512a6.2 6.2 0 0 1-4.268-1.678A6.06 6.06 0 0 1 0 227.553a6.1 6.1 0 0 1 .426-2.35c.143-.404 5.953-16.898 8.633-72.783c1.453-30.394 1.494-43.747-.982-73.594c-2.393-28.57 1.514-45.368 11.518-49.968c14.035-6.382 26.76 3.911 39.076 13.88c13.584 11.003 27.618 22.29 46.44 19.574c12.827-1.904 17.533-13.799 23.24-31.731c4.46-13.961 9.043-28.368 22.505-30.394c6.342-.912 13.318 1.52 20.724 7.254c35.557 27.537 77.353 125.122 84.39 197.034c.08.796 0 1.6-.236 2.365a6.1 6.1 0 0 1-1.133 2.094a6.1 6.1 0 0 1-1.857 1.503a6.18 6.18 0 0 1-6.785-.68a6.06 6.06 0 0 1-2.202-4.107c-7.222-73.938-49.878-165.525-79.787-188.645c-4.522-3.485-8.552-5.208-11.396-4.782c-5.912.871-9.165 11.124-12.643 22.005c-5.237 16.453-11.743 36.919-33.101 40.1c-24.203 3.607-41.879-10.699-56.056-22.29c-11.846-9.583-19.456-15.297-26.187-12.157c-2.844 1.297-6.567 12.725-4.46 37.912c2.537 30.536 2.476 44.152 1.003 75.154c-2.844 59.147-9.166 75.884-9.432 76.573a6.1 6.1 0 0 1-2.148 2.828a6.2 6.2 0 0 1-3.375 1.164"/><path fill="#231f20" d="M34.762 186.137a3.13 3.13 0 0 1-1.687-.509c-.5-.327-.896-.79-1.136-1.335a3.01 3.01 0 0 1 .607-3.376c.287-.29.63-.52 1.009-.677l24.12-10.253l-25.327-5.106a3.06 3.06 0 0 1-1.946-1.29a3 3 0 0 1-.448-2.276a3 3 0 0 1 1.297-1.94a3.07 3.07 0 0 1 2.304-.451l34.963 7.052c.641.125 1.225.45 1.667.928s.718 1.082.788 1.726a3.06 3.06 0 0 1-.41 1.856a3.1 3.1 0 0 1-1.431 1.264l-33.163 14.124a2.8 2.8 0 0 1-1.207.263m185.635-29.624h-.164l-36.027-1.924a3.07 3.07 0 0 1-1.744-.621a3.02 3.02 0 0 1-1.058-1.507a3 3 0 0 1 .132-1.886a3.03 3.03 0 0 1 1.238-1.437l30.38-18.54a3.11 3.11 0 0 1 4.215.992c.42.69.55 1.516.363 2.3a3.08 3.08 0 0 1-1.365 1.894l-22.014 13.414l26.208 1.399a3.1 3.1 0 0 1 2.117 1.009c.544.6.827 1.387.788 2.192a3.05 3.05 0 0 1-1.012 1.937a3.1 3.1 0 0 1-2.057.778m-95.95 20.89a22.82 22.82 0 0 1-14.06-4.101a22.46 22.46 0 0 1-8.587-11.764a4.02 4.02 0 0 1 .27-3.035a4.08 4.08 0 0 1 2.328-1.99a4.13 4.13 0 0 1 3.125.166a4.07 4.07 0 0 1 2.092 2.306c2.68 8.105 9.738 11.63 19.374 9.908s14.791-7.578 14.607-16.089c0-1.075.431-2.105 1.198-2.865a4.1 4.1 0 0 1 2.894-1.187a4.1 4.1 0 0 1 2.893 1.187a4.03 4.03 0 0 1 1.198 2.865c.266 12.523-7.917 21.803-21.338 24.215a34 34 0 0 1-5.994.384m-68.474-36.087q-.45.047-.9 0a4.1 4.1 0 0 1-2.557-1.788a4.02 4.02 0 0 1-.532-3.055c2.045-8.692 13.236-22.167 27.087-24.315s27.986 8.105 30.319 15.987a4 4 0 0 1-.34 3.084a4.1 4.1 0 0 1-1.027 1.211a4.13 4.13 0 0 1-4.524.4a4.06 4.06 0 0 1-1.965-2.405c-1.146-3.89-11.17-11.854-21.175-10.273c-10.004 1.58-18.985 11.914-20.458 18.236a4.05 4.05 0 0 1-1.473 2.108c-.708.526-1.57.81-2.455.81m79.765-13.496a3.6 3.6 0 0 1-1.126-.162a4.1 4.1 0 0 1-1.422-.719a4.06 4.06 0 0 1-1.528-2.709a4 4 0 0 1 .127-1.576c2.046-7.356 9.472-20.405 23.752-22.654c12.991-2.027 27.946 6.585 32.14 15.38a4.02 4.02 0 0 1-.737 4.467c-.37.39-.815.703-1.308.922a4.13 4.13 0 0 1-3.16.12a4.06 4.06 0 0 1-2.303-2.147c-2.537-5.328-13.768-12.38-23.445-10.84c-10.23 1.601-15.692 11.733-17.165 16.879a4.05 4.05 0 0 1-1.402 2.15c-.69.549-1.54.86-2.423.89"/><path fill="#b4bcf6" d="M157.851 142.33c-8.597-.011-16.838-3.399-22.917-9.419a32 32 0 0 1-9.508-22.47a23 23 0 0 0-3.677-.309a22.4 22.4 0 0 0-11.473 3.165a31.9 31.9 0 0 1 1.79 10.472a32 32 0 0 1-9.508 22.698c-6.08 6.02-14.321 9.408-22.917 9.418c-8.597-.01-16.839-3.397-22.917-9.418a32.03 32.03 0 0 1-9.357-19.617l-6.393 1.154a5 5 0 0 1-.92.141a5.15 5.15 0 0 1-3.27-1.188a5.06 5.06 0 0 1-1.743-2.986a5 5 0 0 1 .817-3.777a5.1 5.1 0 0 1 1.427-1.373a5.1 5.1 0 0 1 1.848-.726l8.944-1.632a32.07 32.07 0 0 1 8.654-15.379c6.078-6.016 14.316-9.4 22.91-9.411a32.63 32.63 0 0 1 22.91 9.411a32 32 0 0 1 2.88 3.266a32.67 32.67 0 0 1 16.318-4.37a32 32 0 0 1 5.237.42a32.1 32.1 0 0 1 7.948-12.885c6.079-6.02 14.32-9.407 22.917-9.418c8.597.01 16.838 3.398 22.917 9.418a32 32 0 0 1 3.708 4.394q.13-.03.26-.055l7.713-1.398a5.16 5.16 0 0 1 3.81.816a5.06 5.06 0 0 1 2.123 3.237a5.03 5.03 0 0 1-.815 3.786a5.12 5.12 0 0 1-3.277 2.11l-5.278.957a32 32 0 0 1 1.265 8.851c-.01 8.515-3.43 16.677-9.509 22.698c-6.079 6.02-14.32 9.408-22.917 9.419m0-54.102a22.33 22.33 0 0 0-15.69 6.445a21.9 21.9 0 0 0-6.507 15.54a21.92 21.92 0 0 0 6.513 15.534a22.35 22.35 0 0 0 15.684 6.451a22.35 22.35 0 0 0 15.684-6.45a21.92 21.92 0 0 0 6.513-15.535a21.9 21.9 0 0 0-6.507-15.54a22.33 22.33 0 0 0-15.69-6.445m-78.21 13.556a22.35 22.35 0 0 0-15.684 6.451a21.92 21.92 0 0 0-6.514 15.534a21.92 21.92 0 0 0 6.514 15.534a22.35 22.35 0 0 0 15.684 6.451a22.35 22.35 0 0 0 15.683-6.451a21.92 21.92 0 0 0 6.514-15.534a21.92 21.92 0 0 0-6.52-15.521a22.35 22.35 0 0 0-15.677-6.444z"/></svg>Cara memakai ikon Snaplet Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:snaplet-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:snaplet-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:snaplet-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--snaplet-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:snaplet-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:snaplet-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/snaplet-icon.svg" alt="Ikon Snaplet Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Snaplet Icon
Apakah ikon Snaplet Icon 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 Snaplet Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:snaplet-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Snaplet Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/snaplet-icon.svg" alt="Ikon Snaplet Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.