Square Snapchat icon

fa6-brands:square-snapchat

The Square Snapchat icon (fa6-brands:square-snapchat) is a free SVG icon from the Font Awesome 6 Brands set by Dave Gandy. It is drawn on a 448 × 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: 448 × 512
Tags: squaresnapchat, snapchat square

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M384 32H64A64 64 0 0 0 0 96v320a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V96a64 64 0 0 0-64-64m-3.907 319.309l-.083.1a32.4 32.4 0 0 1-8.717 6.823a90.3 90.3 0 0 1-20.586 8.2a12.7 12.7 0 0 0-3.852 1.76c-2.158 1.909-2.1 4.64-4.4 8.55a23.1 23.1 0 0 1-6.84 7.471c-6.707 4.632-14.244 4.923-22.23 5.23c-7.214.274-15.39.581-24.729 3.669c-3.761 1.245-7.753 3.694-12.377 6.533c-11.265 6.9-26.68 16.353-52.3 16.353s-40.925-9.4-52.106-16.279c-4.657-2.888-8.675-5.362-12.543-6.64c-9.339-3.08-17.516-3.4-24.729-3.67c-7.986-.307-15.523-.6-22.231-5.229a23.1 23.1 0 0 1-6.01-6.11c-3.2-4.632-2.855-7.8-5.254-9.895a13.4 13.4 0 0 0-4.1-1.834a90 90 0 0 1-20.313-8.127a32.9 32.9 0 0 1-8.3-6.284c-6.583-6.757-8.276-14.776-5.686-21.824c3.436-9.338 11.571-12.111 19.4-16.262c14.776-8.027 26.348-18.055 34.433-29.884a68 68 0 0 0 5.985-10.567c.789-2.158.772-3.329.241-4.416a7.4 7.4 0 0 0-2.208-2.217a889 889 0 0 0-6.882-4.5c-3.27-2.141-5.868-3.818-7.529-4.98c-6.267-4.383-10.65-9.04-13.4-14.245a28.4 28.4 0 0 1-1.369-23.584c4.134-10.924 14.469-17.706 26.978-17.706a37 37 0 0 1 7.845.83c.689.15 1.37.307 2.042.482c-.108-7.43.058-15.357.722-23.119c2.358-27.261 11.912-41.589 21.874-52.994a86.8 86.8 0 0 1 22.28-17.931C188.254 100.383 205.312 96 224 96s35.828 4.383 50.944 13.016a87.2 87.2 0 0 1 22.239 17.9c9.961 11.406 19.516 25.709 21.874 52.995a231 231 0 0 1 .713 23.118a53 53 0 0 1 2.051-.481a37 37 0 0 1 7.844-.83c12.5 0 22.82 6.782 26.971 17.706a28.37 28.37 0 0 1-1.4 23.559c-2.74 5.2-7.123 9.861-13.39 14.244c-1.668 1.187-4.258 2.864-7.529 4.981a877 877 0 0 0-7.164 4.682a6.9 6.9 0 0 0-1.951 2.034c-.506 1.046-.539 2.191.166 4.208a69 69 0 0 0 6.085 10.792c8.268 12.1 20.188 22.313 35.454 30.407c1.486.772 2.98 1.5 4.441 2.258c.722.332 1.569.763 2.491 1.3c4.9 2.723 9.2 6.01 11.455 12.153c2.527 6.873.975 14.658-5.201 21.267m-16.719-18.461c-50.313-24.314-58.332-61.918-58.689-64.749c-.431-3.379-.921-6.035 2.806-9.472c3.594-3.328 19.541-13.19 23.965-16.278c7.33-5.114 10.534-10.219 8.16-16.495c-1.66-4.316-5.686-5.976-9.961-5.976a18.5 18.5 0 0 0-3.993.448c-8.035 1.743-15.838 5.769-20.354 6.857a7 7 0 0 1-1.66.224c-2.408 0-3.279-1.071-3.088-3.968c.564-8.783 1.759-25.925.373-41.937c-1.884-22.032-8.99-32.948-17.432-42.6c-4.051-4.624-23.135-24.654-59.536-24.654S168.53 134.359 164.479 139c-8.434 9.654-15.531 20.57-17.432 42.6c-1.386 16.013-.141 33.147.373 41.937c.166 2.756-.68 3.968-3.088 3.968a7 7 0 0 1-1.66-.224c-4.507-1.087-12.31-5.113-20.346-6.856a18.5 18.5 0 0 0-3.993-.449c-4.25 0-8.3 1.636-9.961 5.977c-2.374 6.276.847 11.381 8.168 16.494c4.425 3.088 20.371 12.958 23.966 16.279c3.719 3.437 3.237 6.093 2.805 9.471c-.356 2.79-8.384 40.394-58.689 64.749c-2.946 1.428-7.96 4.45.88 9.331c13.88 7.628 23.111 6.807 30.3 11.43c6.093 3.927 2.5 12.394 6.923 15.449c5.454 3.76 21.583-.266 42.335 6.6c17.433 5.744 28.116 22.015 58.963 22.015s41.788-16.3 58.938-21.973c20.795-6.865 36.89-2.839 42.336-6.6c4.433-3.055.822-11.522 6.923-15.448c7.181-4.624 16.411-3.8 30.3-11.472c8.84-4.923 3.826-7.945.854-9.43"/></svg>

How to use the Square Snapchat icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:square-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:square-snapchat"></iconify-icon>

HTML image

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

Related icons in Font Awesome 6 Brands

Square Snapchat icon in other icon sets

Square Snapchat icon FAQ

Is the Square 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 Square Snapchat icon in React?

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

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

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

Browse all Font Awesome 6 Brands icons →