snapchat square icon
snapchat-square from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- snapchat-square
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons
Use the snapchat square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.973 6.68a6 6 0 0 0-.098-1.073a4.4 4.4 0 0 0-.406-1.246a4.3 4.3 0 0 0-.832-1.11a4.1 4.1 0 0 0-1.816-1.036a7.4 7.4 0 0 0-1.92-.205L16.898 2H7.099v.01a11 11 0 0 0-1.101.05a5.2 5.2 0 0 0-1.176.264A4.26 4.26 0 0 0 2.219 5.17a7.3 7.3 0 0 0-.205 1.905l-.006 9.838a9.5 9.5 0 0 0 .09 1.333a4.6 4.6 0 0 0 .41 1.345a4.3 4.3 0 0 0 1.201 1.454a3.9 3.9 0 0 0 1.203.651a6.5 6.5 0 0 0 1.976.29c.42.003.839.014 1.258.012c3.047-.013 6.094.022 9.14-.019a7 7 0 0 0 1.2-.127a4.06 4.06 0 0 0 2.007-.977a4.16 4.16 0 0 0 1.326-2.212a8 8 0 0 0 .173-1.75v-.117c0-.046-.017-9.984-.019-10.115m-2.676 9.25c-.128.3-.774.548-1.868.717c-.102.016-.146.182-.205.454q-.035.166-.083.337a.204.204 0 0 1-.216.162h-.018a2 2 0 0 1-.31-.04a4 4 0 0 0-.821-.086a3.6 3.6 0 0 0-.592.05a2.8 2.8 0 0 0-1.123.574a3.26 3.26 0 0 1-1.97.776l-.112-.003l-.073.003a3.25 3.25 0 0 1-1.97-.776a2.84 2.84 0 0 0-1.123-.574a3.6 3.6 0 0 0-.592-.05a4 4 0 0 0-.82.093a2 2 0 0 1-.311.044a.214.214 0 0 1-.234-.167q-.05-.175-.083-.34c-.06-.273-.103-.44-.205-.456c-1.094-.168-1.74-.417-1.869-.718a.3.3 0 0 1-.023-.095a.176.176 0 0 1 .147-.183a3.82 3.82 0 0 0 2.296-1.365A5.2 5.2 0 0 0 7.9 13.07l.004-.008a.8.8 0 0 0 .075-.658c-.14-.332-.607-.48-.916-.578a3 3 0 0 1-.207-.07c-.274-.108-.724-.337-.664-.652a.61.61 0 0 1 .593-.39a.4.4 0 0 1 .18.036a1.8 1.8 0 0 0 .742.196a.62.62 0 0 0 .428-.131q-.012-.219-.027-.438a7.4 7.4 0 0 1 .177-2.951a3.84 3.84 0 0 1 3.562-2.298l.295-.002a3.84 3.84 0 0 1 3.568 2.298a7.4 7.4 0 0 1 .176 2.955l-.003.047l-.023.389a.6.6 0 0 0 .388.13a1.9 1.9 0 0 0 .7-.195a.55.55 0 0 1 .228-.046a.7.7 0 0 1 .261.05l.004.002a.485.485 0 0 1 .367.398c.003.153-.11.381-.669.602c-.057.022-.13.046-.207.07c-.31.098-.776.246-.916.578a.78.78 0 0 0 .074.657l.004.009a4.52 4.52 0 0 0 3.079 2.582a.176.176 0 0 1 .146.183a.3.3 0 0 1-.023.096"/></svg>
React
import type { SVGProps } from "react";
export function UilSnapchatSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.973 6.68a6 6 0 0 0-.098-1.073a4.4 4.4 0 0 0-.406-1.246a4.3 4.3 0 0 0-.832-1.11a4.1 4.1 0 0 0-1.816-1.036a7.4 7.4 0 0 0-1.92-.205L16.898 2H7.099v.01a11 11 0 0 0-1.101.05a5.2 5.2 0 0 0-1.176.264A4.26 4.26 0 0 0 2.219 5.17a7.3 7.3 0 0 0-.205 1.905l-.006 9.838a9.5 9.5 0 0 0 .09 1.333a4.6 4.6 0 0 0 .41 1.345a4.3 4.3 0 0 0 1.201 1.454a3.9 3.9 0 0 0 1.203.651a6.5 6.5 0 0 0 1.976.29c.42.003.839.014 1.258.012c3.047-.013 6.094.022 9.14-.019a7 7 0 0 0 1.2-.127a4.06 4.06 0 0 0 2.007-.977a4.16 4.16 0 0 0 1.326-2.212a8 8 0 0 0 .173-1.75v-.117c0-.046-.017-9.984-.019-10.115m-2.676 9.25c-.128.3-.774.548-1.868.717c-.102.016-.146.182-.205.454q-.035.166-.083.337a.204.204 0 0 1-.216.162h-.018a2 2 0 0 1-.31-.04a4 4 0 0 0-.821-.086a3.6 3.6 0 0 0-.592.05a2.8 2.8 0 0 0-1.123.574a3.26 3.26 0 0 1-1.97.776l-.112-.003l-.073.003a3.25 3.25 0 0 1-1.97-.776a2.84 2.84 0 0 0-1.123-.574a3.6 3.6 0 0 0-.592-.05a4 4 0 0 0-.82.093a2 2 0 0 1-.311.044a.214.214 0 0 1-.234-.167q-.05-.175-.083-.34c-.06-.273-.103-.44-.205-.456c-1.094-.168-1.74-.417-1.869-.718a.3.3 0 0 1-.023-.095a.176.176 0 0 1 .147-.183a3.82 3.82 0 0 0 2.296-1.365A5.2 5.2 0 0 0 7.9 13.07l.004-.008a.8.8 0 0 0 .075-.658c-.14-.332-.607-.48-.916-.578a3 3 0 0 1-.207-.07c-.274-.108-.724-.337-.664-.652a.61.61 0 0 1 .593-.39a.4.4 0 0 1 .18.036a1.8 1.8 0 0 0 .742.196a.62.62 0 0 0 .428-.131q-.012-.219-.027-.438a7.4 7.4 0 0 1 .177-2.951a3.84 3.84 0 0 1 3.562-2.298l.295-.002a3.84 3.84 0 0 1 3.568 2.298a7.4 7.4 0 0 1 .176 2.955l-.003.047l-.023.389a.6.6 0 0 0 .388.13a1.9 1.9 0 0 0 .7-.195a.55.55 0 0 1 .228-.046a.7.7 0 0 1 .261.05l.004.002a.485.485 0 0 1 .367.398c.003.153-.11.381-.669.602c-.057.022-.13.046-.207.07c-.31.098-.776.246-.916.578a.78.78 0 0 0 .074.657l.004.009a4.52 4.52 0 0 0 3.079 2.582a.176.176 0 0 1 .146.183a.3.3 0 0 1-.023.096"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.973 6.68a6 6 0 0 0-.098-1.073a4.4 4.4 0 0 0-.406-1.246a4.3 4.3 0 0 0-.832-1.11a4.1 4.1 0 0 0-1.816-1.036a7.4 7.4 0 0 0-1.92-.205L16.898 2H7.099v.01a11 11 0 0 0-1.101.05a5.2 5.2 0 0 0-1.176.264A4.26 4.26 0 0 0 2.219 5.17a7.3 7.3 0 0 0-.205 1.905l-.006 9.838a9.5 9.5 0 0 0 .09 1.333a4.6 4.6 0 0 0 .41 1.345a4.3 4.3 0 0 0 1.201 1.454a3.9 3.9 0 0 0 1.203.651a6.5 6.5 0 0 0 1.976.29c.42.003.839.014 1.258.012c3.047-.013 6.094.022 9.14-.019a7 7 0 0 0 1.2-.127a4.06 4.06 0 0 0 2.007-.977a4.16 4.16 0 0 0 1.326-2.212a8 8 0 0 0 .173-1.75v-.117c0-.046-.017-9.984-.019-10.115m-2.676 9.25c-.128.3-.774.548-1.868.717c-.102.016-.146.182-.205.454q-.035.166-.083.337a.204.204 0 0 1-.216.162h-.018a2 2 0 0 1-.31-.04a4 4 0 0 0-.821-.086a3.6 3.6 0 0 0-.592.05a2.8 2.8 0 0 0-1.123.574a3.26 3.26 0 0 1-1.97.776l-.112-.003l-.073.003a3.25 3.25 0 0 1-1.97-.776a2.84 2.84 0 0 0-1.123-.574a3.6 3.6 0 0 0-.592-.05a4 4 0 0 0-.82.093a2 2 0 0 1-.311.044a.214.214 0 0 1-.234-.167q-.05-.175-.083-.34c-.06-.273-.103-.44-.205-.456c-1.094-.168-1.74-.417-1.869-.718a.3.3 0 0 1-.023-.095a.176.176 0 0 1 .147-.183a3.82 3.82 0 0 0 2.296-1.365A5.2 5.2 0 0 0 7.9 13.07l.004-.008a.8.8 0 0 0 .075-.658c-.14-.332-.607-.48-.916-.578a3 3 0 0 1-.207-.07c-.274-.108-.724-.337-.664-.652a.61.61 0 0 1 .593-.39a.4.4 0 0 1 .18.036a1.8 1.8 0 0 0 .742.196a.62.62 0 0 0 .428-.131q-.012-.219-.027-.438a7.4 7.4 0 0 1 .177-2.951a3.84 3.84 0 0 1 3.562-2.298l.295-.002a3.84 3.84 0 0 1 3.568 2.298a7.4 7.4 0 0 1 .176 2.955l-.003.047l-.023.389a.6.6 0 0 0 .388.13a1.9 1.9 0 0 0 .7-.195a.55.55 0 0 1 .228-.046a.7.7 0 0 1 .261.05l.004.002a.485.485 0 0 1 .367.398c.003.153-.11.381-.669.602c-.057.022-.13.046-.207.07c-.31.098-.776.246-.916.578a.78.78 0 0 0 .074.657l.004.009a4.52 4.52 0 0 0 3.079 2.582a.176.176 0 0 1 .146.183a.3.3 0 0 1-.023.096"/></svg> </template>
CSS
.icon-snapchat-square {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.973%206.68a6%206%200%200%200-.098-1.073a4.4%204.4%200%200%200-.406-1.246a4.3%204.3%200%200%200-.832-1.11a4.1%204.1%200%200%200-1.816-1.036a7.4%207.4%200%200%200-1.92-.205L16.898%202H7.099v.01a11%2011%200%200%200-1.101.05a5.2%205.2%200%200%200-1.176.264A4.26%204.26%200%200%200%202.219%205.17a7.3%207.3%200%200%200-.205%201.905l-.006%209.838a9.5%209.5%200%200%200%20.09%201.333a4.6%204.6%200%200%200%20.41%201.345a4.3%204.3%200%200%200%201.201%201.454a3.9%203.9%200%200%200%201.203.651a6.5%206.5%200%200%200%201.976.29c.42.003.839.014%201.258.012c3.047-.013%206.094.022%209.14-.019a7%207%200%200%200%201.2-.127a4.06%204.06%200%200%200%202.007-.977a4.16%204.16%200%200%200%201.326-2.212a8%208%200%200%200%20.173-1.75v-.117c0-.046-.017-9.984-.019-10.115m-2.676%209.25c-.128.3-.774.548-1.868.717c-.102.016-.146.182-.205.454q-.035.166-.083.337a.204.204%200%200%201-.216.162h-.018a2%202%200%200%201-.31-.04a4%204%200%200%200-.821-.086a3.6%203.6%200%200%200-.592.05a2.8%202.8%200%200%200-1.123.574a3.26%203.26%200%200%201-1.97.776l-.112-.003l-.073.003a3.25%203.25%200%200%201-1.97-.776a2.84%202.84%200%200%200-1.123-.574a3.6%203.6%200%200%200-.592-.05a4%204%200%200%200-.82.093a2%202%200%200%201-.311.044a.214.214%200%200%201-.234-.167q-.05-.175-.083-.34c-.06-.273-.103-.44-.205-.456c-1.094-.168-1.74-.417-1.869-.718a.3.3%200%200%201-.023-.095a.176.176%200%200%201%20.147-.183a3.82%203.82%200%200%200%202.296-1.365A5.2%205.2%200%200%200%207.9%2013.07l.004-.008a.8.8%200%200%200%20.075-.658c-.14-.332-.607-.48-.916-.578a3%203%200%200%201-.207-.07c-.274-.108-.724-.337-.664-.652a.61.61%200%200%201%20.593-.39a.4.4%200%200%201%20.18.036a1.8%201.8%200%200%200%20.742.196a.62.62%200%200%200%20.428-.131q-.012-.219-.027-.438a7.4%207.4%200%200%201%20.177-2.951a3.84%203.84%200%200%201%203.562-2.298l.295-.002a3.84%203.84%200%200%201%203.568%202.298a7.4%207.4%200%200%201%20.176%202.955l-.003.047l-.023.389a.6.6%200%200%200%20.388.13a1.9%201.9%200%200%200%20.7-.195a.55.55%200%200%201%20.228-.046a.7.7%200%200%201%20.261.05l.004.002a.485.485%200%200%201%20.367.398c.003.153-.11.381-.669.602c-.057.022-.13.046-.207.07c-.31.098-.776.246-.916.578a.78.78%200%200%200%20.074.657l.004.009a4.52%204.52%200%200%200%203.079%202.582a.176.176%200%200%201%20.146.183a.3.3%200%200%201-.023.096%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.973%206.68a6%206%200%200%200-.098-1.073a4.4%204.4%200%200%200-.406-1.246a4.3%204.3%200%200%200-.832-1.11a4.1%204.1%200%200%200-1.816-1.036a7.4%207.4%200%200%200-1.92-.205L16.898%202H7.099v.01a11%2011%200%200%200-1.101.05a5.2%205.2%200%200%200-1.176.264A4.26%204.26%200%200%200%202.219%205.17a7.3%207.3%200%200%200-.205%201.905l-.006%209.838a9.5%209.5%200%200%200%20.09%201.333a4.6%204.6%200%200%200%20.41%201.345a4.3%204.3%200%200%200%201.201%201.454a3.9%203.9%200%200%200%201.203.651a6.5%206.5%200%200%200%201.976.29c.42.003.839.014%201.258.012c3.047-.013%206.094.022%209.14-.019a7%207%200%200%200%201.2-.127a4.06%204.06%200%200%200%202.007-.977a4.16%204.16%200%200%200%201.326-2.212a8%208%200%200%200%20.173-1.75v-.117c0-.046-.017-9.984-.019-10.115m-2.676%209.25c-.128.3-.774.548-1.868.717c-.102.016-.146.182-.205.454q-.035.166-.083.337a.204.204%200%200%201-.216.162h-.018a2%202%200%200%201-.31-.04a4%204%200%200%200-.821-.086a3.6%203.6%200%200%200-.592.05a2.8%202.8%200%200%200-1.123.574a3.26%203.26%200%200%201-1.97.776l-.112-.003l-.073.003a3.25%203.25%200%200%201-1.97-.776a2.84%202.84%200%200%200-1.123-.574a3.6%203.6%200%200%200-.592-.05a4%204%200%200%200-.82.093a2%202%200%200%201-.311.044a.214.214%200%200%201-.234-.167q-.05-.175-.083-.34c-.06-.273-.103-.44-.205-.456c-1.094-.168-1.74-.417-1.869-.718a.3.3%200%200%201-.023-.095a.176.176%200%200%201%20.147-.183a3.82%203.82%200%200%200%202.296-1.365A5.2%205.2%200%200%200%207.9%2013.07l.004-.008a.8.8%200%200%200%20.075-.658c-.14-.332-.607-.48-.916-.578a3%203%200%200%201-.207-.07c-.274-.108-.724-.337-.664-.652a.61.61%200%200%201%20.593-.39a.4.4%200%200%201%20.18.036a1.8%201.8%200%200%200%20.742.196a.62.62%200%200%200%20.428-.131q-.012-.219-.027-.438a7.4%207.4%200%200%201%20.177-2.951a3.84%203.84%200%200%201%203.562-2.298l.295-.002a3.84%203.84%200%200%201%203.568%202.298a7.4%207.4%200%200%201%20.176%202.955l-.003.047l-.023.389a.6.6%200%200%200%20.388.13a1.9%201.9%200%200%200%20.7-.195a.55.55%200%200%201%20.228-.046a.7.7%200%200%201%20.261.05l.004.002a.485.485%200%200%201%20.367.398c.003.153-.11.381-.669.602c-.057.022-.13.046-.207.07c-.31.098-.776.246-.916.578a.78.78%200%200%200%20.074.657l.004.009a4.52%204.52%200%200%200%203.079%202.582a.176.176%200%200%201%20.146.183a.3.3%200%200%201-.023.096%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/snapchat-square.svg?color=%231a73e8&size=48
