Snaplet Icon icon

logos:snaplet-icon

The Snaplet Icon icon (logos:snaplet-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 234 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 234
Tags: snapleticon

Download SVG

SVG code

<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>

How to use the Snaplet Icon 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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/snaplet-icon.svg" alt="Snaplet Icon icon" width="24" height="24">

Related icons in SVG Logos

Snaplet Icon icon FAQ

Is the Snaplet Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Snaplet Icon icon in React?

Install @iconify/react and render <Icon icon="logos:snaplet-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Snaplet Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/snaplet-icon.svg" alt="Snaplet Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →