Snapchat icon

fa6-brands:snapchat

The Snapchat icon (fa6-brands:snapchat) is a free SVG icon from the Font Awesome 6 Brands set by Dave Gandy. It is drawn on a 512 × 512 grid. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 6 Brands
Author: Dave Gandy
License: CC-BY-4.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496.926 366.6c-3.373-9.176-9.8-14.086-17.112-18.153a43 43 0 0 0-3.72-1.947c-2.182-1.128-4.414-2.22-6.634-3.373c-22.8-12.09-40.609-27.341-52.959-45.42a103 103 0 0 1-9.089-16.12c-1.054-3.013-1-4.724-.248-6.287a10.2 10.2 0 0 1 2.914-3.038c3.918-2.591 7.96-5.22 10.7-6.993c4.885-3.162 8.754-5.667 11.246-7.44c9.362-6.547 15.909-13.5 20-21.278a42.37 42.37 0 0 0 2.1-35.191c-6.2-16.318-21.613-26.449-40.287-26.449a55.5 55.5 0 0 0-11.718 1.24a79 79 0 0 0-3.063.72c.174-11.16-.074-22.94-1.066-34.534c-3.522-40.758-17.794-62.123-32.674-79.16A130.2 130.2 0 0 0 332.1 36.443C309.515 23.547 283.91 17 256 17s-53.4 6.547-76 19.443a129.7 129.7 0 0 0-33.281 26.783c-14.88 17.038-29.152 38.44-32.673 79.161c-.992 11.594-1.24 23.435-1.079 34.533c-1-.26-2.021-.5-3.051-.719a55.5 55.5 0 0 0-11.717-1.24c-18.687 0-34.125 10.131-40.3 26.449a42.42 42.42 0 0 0 2.046 35.228c4.105 7.774 10.652 14.731 20.014 21.278c2.48 1.736 6.361 4.24 11.246 7.44c2.641 1.711 6.5 4.216 10.28 6.72a11.05 11.05 0 0 1 3.3 3.311c.794 1.624.818 3.373-.36 6.6a102 102 0 0 1-8.94 15.785c-12.077 17.669-29.363 32.648-51.434 44.639C32.355 348.608 20.2 352.75 15.069 366.7c-3.868 10.528-1.339 22.506 8.494 32.6a49.1 49.1 0 0 0 12.4 9.387a134.3 134.3 0 0 0 30.342 12.139a20 20 0 0 1 6.126 2.741c3.583 3.137 3.075 7.861 7.849 14.78a34.5 34.5 0 0 0 8.977 9.127c10.019 6.919 21.278 7.353 33.207 7.811c10.776.41 22.989.881 36.939 5.481c5.778 1.91 11.78 5.605 18.736 9.92C194.842 480.951 217.707 495 255.973 495s61.292-14.123 78.118-24.428c6.907-4.24 12.872-7.9 18.489-9.758c13.949-4.613 26.163-5.072 36.939-5.481c11.928-.459 23.187-.893 33.206-7.812a34.6 34.6 0 0 0 10.218-11.16c3.434-5.84 3.348-9.919 6.572-12.771a19 19 0 0 1 5.753-2.629a135 135 0 0 0 30.752-12.251a48.3 48.3 0 0 0 13.019-10.193l.124-.149c9.226-9.868 11.545-21.501 7.763-31.768m-34.013 18.277c-20.745 11.458-34.533 10.23-45.259 17.137c-9.114 5.865-3.72 18.513-10.342 23.076c-8.134 5.617-32.177-.4-63.239 9.858c-25.618 8.469-41.961 32.822-88.038 32.822s-62.036-24.3-88.076-32.884c-31-10.255-55.092-4.241-63.239-9.858c-6.609-4.563-1.24-17.211-10.341-23.076c-10.739-6.907-24.527-5.679-45.26-17.075c-13.206-7.291-5.716-11.8-1.314-13.937c75.143-36.381 87.133-92.552 87.666-96.719c.645-5.046 1.364-9.014-4.191-14.148c-5.369-4.96-29.189-19.7-35.8-24.316c-10.937-7.638-15.748-15.264-12.2-24.638c2.48-6.485 8.531-8.928 14.879-8.928a27.6 27.6 0 0 1 5.965.67c12 2.6 23.659 8.617 30.392 10.242a10.8 10.8 0 0 0 2.48.335c3.6 0 4.86-1.811 4.612-5.927c-.768-13.132-2.628-38.725-.558-62.644c2.84-32.909 13.442-49.215 26.04-63.636c6.051-6.932 34.484-36.976 88.857-36.976s82.88 29.92 88.931 36.827c12.611 14.421 23.225 30.727 26.04 63.636c2.071 23.919.285 49.525-.558 62.644c-.285 4.327 1.017 5.927 4.613 5.927a10.7 10.7 0 0 0 2.48-.335c6.745-1.624 18.4-7.638 30.4-10.242a27.6 27.6 0 0 1 5.964-.67c6.386 0 12.4 2.48 14.88 8.928c3.546 9.374-1.24 17-12.189 24.639c-6.609 4.612-30.429 19.343-35.8 24.315c-5.568 5.134-4.836 9.1-4.191 14.149c.533 4.228 12.511 60.4 87.666 96.718c4.446 2.22 11.936 6.733-1.27 14.086"/></svg>

How to use the Snapchat icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa6-brands:snapchat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa6-brands:snapchat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa6-brands:snapchat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--snapchat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:snapchat"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa6-brands:snapchat"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa6-brands/snapchat.svg" alt="Snapchat icon" width="24" height="24">

Snapchat icon in other icon sets

Snapchat icon FAQ

Is the Snapchat icon free for commercial use?

Yes. Font Awesome 6 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Snapchat icon in React?

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

How do I add the Snapchat icon to a web page?

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

Browse all Font Awesome 6 Brands icons →