snapchat square icon
snapchat-square from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- snapchat-square
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the snapchat square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm9.12 2.998l-.235.006c-.493 0-2.172.148-2.965 2.033c-.3.716-.184 1.995-.135 2.89a.5.5 0 0 1-.232.053c-.158 0-.345-.053-.553-.158c-.264-.13-.715.068-.771.387c-.035.184.04.454.597.686c.215.094.728.2.848.496q.075.187-.057.468q-.006.005-.008.01c-.032.075-.764 1.856-2.396 2.14a.26.26 0 0 0-.207.278c.025.521 1.117.724 1.603.803c.05.07.09.37.153.6c.029.1.103.224.293.224s.467-.115.908-.115c.62 0 .832.15 1.318.514c.35.262.97.741 1.71.681c.732.034 1.223-.296 1.734-.681c.483-.364.698-.514 1.318-.514c.458 0 .69.107.908.107h.006c.155 0 .246-.081.285-.22c.064-.23.104-.525.153-.596c.94-.157 1.457-.378 1.58-.682c.078-.198-.032-.367-.174-.406c-1.632-.285-2.365-2.066-2.397-2.14l-.008-.01q-.127-.282-.054-.47c.092-.235.44-.352.67-.43c.064-.024.123-.043.172-.065c.405-.168.61-.377.605-.621c-.004-.191-.143-.362-.365-.448a.6.6 0 0 0-.48 0a1.3 1.3 0 0 1-.518.159a.4.4 0 0 1-.201-.053c.049-.9.167-2.175-.133-2.89c-.574-1.369-1.75-2.036-2.973-2.036z"/></svg>
React
import type { SVGProps } from "react";
export function LaSnapchatSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm9.12 2.998l-.235.006c-.493 0-2.172.148-2.965 2.033c-.3.716-.184 1.995-.135 2.89a.5.5 0 0 1-.232.053c-.158 0-.345-.053-.553-.158c-.264-.13-.715.068-.771.387c-.035.184.04.454.597.686c.215.094.728.2.848.496q.075.187-.057.468q-.006.005-.008.01c-.032.075-.764 1.856-2.396 2.14a.26.26 0 0 0-.207.278c.025.521 1.117.724 1.603.803c.05.07.09.37.153.6c.029.1.103.224.293.224s.467-.115.908-.115c.62 0 .832.15 1.318.514c.35.262.97.741 1.71.681c.732.034 1.223-.296 1.734-.681c.483-.364.698-.514 1.318-.514c.458 0 .69.107.908.107h.006c.155 0 .246-.081.285-.22c.064-.23.104-.525.153-.596c.94-.157 1.457-.378 1.58-.682c.078-.198-.032-.367-.174-.406c-1.632-.285-2.365-2.066-2.397-2.14l-.008-.01q-.127-.282-.054-.47c.092-.235.44-.352.67-.43c.064-.024.123-.043.172-.065c.405-.168.61-.377.605-.621c-.004-.191-.143-.362-.365-.448a.6.6 0 0 0-.48 0a1.3 1.3 0 0 1-.518.159a.4.4 0 0 1-.201-.053c.049-.9.167-2.175-.133-2.89c-.574-1.369-1.75-2.036-2.973-2.036z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm9.12 2.998l-.235.006c-.493 0-2.172.148-2.965 2.033c-.3.716-.184 1.995-.135 2.89a.5.5 0 0 1-.232.053c-.158 0-.345-.053-.553-.158c-.264-.13-.715.068-.771.387c-.035.184.04.454.597.686c.215.094.728.2.848.496q.075.187-.057.468q-.006.005-.008.01c-.032.075-.764 1.856-2.396 2.14a.26.26 0 0 0-.207.278c.025.521 1.117.724 1.603.803c.05.07.09.37.153.6c.029.1.103.224.293.224s.467-.115.908-.115c.62 0 .832.15 1.318.514c.35.262.97.741 1.71.681c.732.034 1.223-.296 1.734-.681c.483-.364.698-.514 1.318-.514c.458 0 .69.107.908.107h.006c.155 0 .246-.081.285-.22c.064-.23.104-.525.153-.596c.94-.157 1.457-.378 1.58-.682c.078-.198-.032-.367-.174-.406c-1.632-.285-2.365-2.066-2.397-2.14l-.008-.01q-.127-.282-.054-.47c.092-.235.44-.352.67-.43c.064-.024.123-.043.172-.065c.405-.168.61-.377.605-.621c-.004-.191-.143-.362-.365-.448a.6.6 0 0 0-.48 0a1.3 1.3 0 0 1-.518.159a.4.4 0 0 1-.201-.053c.049-.9.167-2.175-.133-2.89c-.574-1.369-1.75-2.036-2.973-2.036z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm9.12%202.998l-.235.006c-.493%200-2.172.148-2.965%202.033c-.3.716-.184%201.995-.135%202.89a.5.5%200%200%201-.232.053c-.158%200-.345-.053-.553-.158c-.264-.13-.715.068-.771.387c-.035.184.04.454.597.686c.215.094.728.2.848.496q.075.187-.057.468q-.006.005-.008.01c-.032.075-.764%201.856-2.396%202.14a.26.26%200%200%200-.207.278c.025.521%201.117.724%201.603.803c.05.07.09.37.153.6c.029.1.103.224.293.224s.467-.115.908-.115c.62%200%20.832.15%201.318.514c.35.262.97.741%201.71.681c.732.034%201.223-.296%201.734-.681c.483-.364.698-.514%201.318-.514c.458%200%20.69.107.908.107h.006c.155%200%20.246-.081.285-.22c.064-.23.104-.525.153-.596c.94-.157%201.457-.378%201.58-.682c.078-.198-.032-.367-.174-.406c-1.632-.285-2.365-2.066-2.397-2.14l-.008-.01q-.127-.282-.054-.47c.092-.235.44-.352.67-.43c.064-.024.123-.043.172-.065c.405-.168.61-.377.605-.621c-.004-.191-.143-.362-.365-.448a.6.6%200%200%200-.48%200a1.3%201.3%200%200%201-.518.159a.4.4%200%200%201-.201-.053c.049-.9.167-2.175-.133-2.89c-.574-1.369-1.75-2.036-2.973-2.036z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm9.12%202.998l-.235.006c-.493%200-2.172.148-2.965%202.033c-.3.716-.184%201.995-.135%202.89a.5.5%200%200%201-.232.053c-.158%200-.345-.053-.553-.158c-.264-.13-.715.068-.771.387c-.035.184.04.454.597.686c.215.094.728.2.848.496q.075.187-.057.468q-.006.005-.008.01c-.032.075-.764%201.856-2.396%202.14a.26.26%200%200%200-.207.278c.025.521%201.117.724%201.603.803c.05.07.09.37.153.6c.029.1.103.224.293.224s.467-.115.908-.115c.62%200%20.832.15%201.318.514c.35.262.97.741%201.71.681c.732.034%201.223-.296%201.734-.681c.483-.364.698-.514%201.318-.514c.458%200%20.69.107.908.107h.006c.155%200%20.246-.081.285-.22c.064-.23.104-.525.153-.596c.94-.157%201.457-.378%201.58-.682c.078-.198-.032-.367-.174-.406c-1.632-.285-2.365-2.066-2.397-2.14l-.008-.01q-.127-.282-.054-.47c.092-.235.44-.352.67-.43c.064-.024.123-.043.172-.065c.405-.168.61-.377.605-.621c-.004-.191-.143-.362-.365-.448a.6.6%200%200%200-.48%200a1.3%201.3%200%200%201-.518.159a.4.4%200%200%201-.201-.053c.049-.9.167-2.175-.133-2.89c-.574-1.369-1.75-2.036-2.973-2.036z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/snapchat-square.svg?color=%231a73e8&size=48
