snapchat icon
snapchat from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- snapchat
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the snapchat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2.5 24 24"><path fill="currentColor" d="M15.899 7.75q.499-.112.501-.164l.1-.045a1 1 0 0 1 .406-.082c.152 0 .304.028.435.082c.391.139.636.424.642.744c.003.131-.037.334-.242.545c-.173.176-.433.332-.798.476a5 5 0 0 1-.292.099c-.37.117-.93.295-1.076.637c-.075.174-.043.403.105.703c.048.116 1.253 2.855 3.927 3.295a.465.465 0 0 1 .391.485a.6.6 0 0 1-.05.206c-.096.223-.317.411-.676.578c-.44.203-1.097.373-1.956.508c-.043.083-.09.295-.119.428a7 7 0 0 1-.115.465c-.071.244-.259.384-.536.384c-.116 0-.266-.02-.46-.057a5.3 5.3 0 0 0-1.049-.11q-.367 0-.75.063c-.49.081-.912.379-1.402.724c-.715.503-1.525 1.075-2.763 1.075a2 2 0 0 1-.144-.004l-.101.004c-1.237 0-2.047-.572-2.762-1.077c-.49-.345-.912-.642-1.402-.723a4.6 4.6 0 0 0-.75-.064c-.438 0-.791.069-1.048.119c-.177.033-.328.063-.46.063c-.35 0-.484-.212-.537-.39a6 6 0 0 1-.115-.468c-.031-.142-.076-.348-.12-.43c-.858-.134-1.516-.305-1.956-.51c-.36-.165-.581-.354-.677-.58a.6.6 0 0 1-.05-.203a.467.467 0 0 1 .392-.487a4.5 4.5 0 0 0 1.706-.664a5.6 5.6 0 0 0 1.215-1.073a6.6 6.6 0 0 0 1.018-1.58q.205-.417.095-.68c-.146-.342-.708-.52-1.078-.637c-.106-.034-.207-.065-.292-.099q-.487-.192-.745-.426C2 8.597 2 8.319 2.026 8.179c.041-.214.191-.405.424-.542a1.2 1.2 0 0 1 .598-.167a.8.8 0 0 1 .339.07q.108.051.212.09q.003.047.414.123q.14.026.265.026a.8.8 0 0 0 .328-.062l-.028-.446c-.085-1.352-.191-3.036.257-4.035A5.5 5.5 0 0 1 6.053 1.49c.423-.4.913-.724 1.459-.964A5.8 5.8 0 0 1 9.798.042l.394-.003c.445 0 1.333.062 2.284.482a5.1 5.1 0 0 1 1.464.965a5.4 5.4 0 0 1 1.223 1.751c.448 1 .342 2.684.255 4.038l-.003.057q-.014.2-.024.387a.8.8 0 0 0 .276.06q.11-.006.232-.03z"/></svg>
React
import type { SVGProps } from "react";
export function JamSnapchat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2.5 24 24"><path fill="currentColor" d="M15.899 7.75q.499-.112.501-.164l.1-.045a1 1 0 0 1 .406-.082c.152 0 .304.028.435.082c.391.139.636.424.642.744c.003.131-.037.334-.242.545c-.173.176-.433.332-.798.476a5 5 0 0 1-.292.099c-.37.117-.93.295-1.076.637c-.075.174-.043.403.105.703c.048.116 1.253 2.855 3.927 3.295a.465.465 0 0 1 .391.485a.6.6 0 0 1-.05.206c-.096.223-.317.411-.676.578c-.44.203-1.097.373-1.956.508c-.043.083-.09.295-.119.428a7 7 0 0 1-.115.465c-.071.244-.259.384-.536.384c-.116 0-.266-.02-.46-.057a5.3 5.3 0 0 0-1.049-.11q-.367 0-.75.063c-.49.081-.912.379-1.402.724c-.715.503-1.525 1.075-2.763 1.075a2 2 0 0 1-.144-.004l-.101.004c-1.237 0-2.047-.572-2.762-1.077c-.49-.345-.912-.642-1.402-.723a4.6 4.6 0 0 0-.75-.064c-.438 0-.791.069-1.048.119c-.177.033-.328.063-.46.063c-.35 0-.484-.212-.537-.39a6 6 0 0 1-.115-.468c-.031-.142-.076-.348-.12-.43c-.858-.134-1.516-.305-1.956-.51c-.36-.165-.581-.354-.677-.58a.6.6 0 0 1-.05-.203a.467.467 0 0 1 .392-.487a4.5 4.5 0 0 0 1.706-.664a5.6 5.6 0 0 0 1.215-1.073a6.6 6.6 0 0 0 1.018-1.58q.205-.417.095-.68c-.146-.342-.708-.52-1.078-.637c-.106-.034-.207-.065-.292-.099q-.487-.192-.745-.426C2 8.597 2 8.319 2.026 8.179c.041-.214.191-.405.424-.542a1.2 1.2 0 0 1 .598-.167a.8.8 0 0 1 .339.07q.108.051.212.09q.003.047.414.123q.14.026.265.026a.8.8 0 0 0 .328-.062l-.028-.446c-.085-1.352-.191-3.036.257-4.035A5.5 5.5 0 0 1 6.053 1.49c.423-.4.913-.724 1.459-.964A5.8 5.8 0 0 1 9.798.042l.394-.003c.445 0 1.333.062 2.284.482a5.1 5.1 0 0 1 1.464.965a5.4 5.4 0 0 1 1.223 1.751c.448 1 .342 2.684.255 4.038l-.003.057q-.014.2-.024.387a.8.8 0 0 0 .276.06q.11-.006.232-.03z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2.5 24 24"><path fill="currentColor" d="M15.899 7.75q.499-.112.501-.164l.1-.045a1 1 0 0 1 .406-.082c.152 0 .304.028.435.082c.391.139.636.424.642.744c.003.131-.037.334-.242.545c-.173.176-.433.332-.798.476a5 5 0 0 1-.292.099c-.37.117-.93.295-1.076.637c-.075.174-.043.403.105.703c.048.116 1.253 2.855 3.927 3.295a.465.465 0 0 1 .391.485a.6.6 0 0 1-.05.206c-.096.223-.317.411-.676.578c-.44.203-1.097.373-1.956.508c-.043.083-.09.295-.119.428a7 7 0 0 1-.115.465c-.071.244-.259.384-.536.384c-.116 0-.266-.02-.46-.057a5.3 5.3 0 0 0-1.049-.11q-.367 0-.75.063c-.49.081-.912.379-1.402.724c-.715.503-1.525 1.075-2.763 1.075a2 2 0 0 1-.144-.004l-.101.004c-1.237 0-2.047-.572-2.762-1.077c-.49-.345-.912-.642-1.402-.723a4.6 4.6 0 0 0-.75-.064c-.438 0-.791.069-1.048.119c-.177.033-.328.063-.46.063c-.35 0-.484-.212-.537-.39a6 6 0 0 1-.115-.468c-.031-.142-.076-.348-.12-.43c-.858-.134-1.516-.305-1.956-.51c-.36-.165-.581-.354-.677-.58a.6.6 0 0 1-.05-.203a.467.467 0 0 1 .392-.487a4.5 4.5 0 0 0 1.706-.664a5.6 5.6 0 0 0 1.215-1.073a6.6 6.6 0 0 0 1.018-1.58q.205-.417.095-.68c-.146-.342-.708-.52-1.078-.637c-.106-.034-.207-.065-.292-.099q-.487-.192-.745-.426C2 8.597 2 8.319 2.026 8.179c.041-.214.191-.405.424-.542a1.2 1.2 0 0 1 .598-.167a.8.8 0 0 1 .339.07q.108.051.212.09q.003.047.414.123q.14.026.265.026a.8.8 0 0 0 .328-.062l-.028-.446c-.085-1.352-.191-3.036.257-4.035A5.5 5.5 0 0 1 6.053 1.49c.423-.4.913-.724 1.459-.964A5.8 5.8 0 0 1 9.798.042l.394-.003c.445 0 1.333.062 2.284.482a5.1 5.1 0 0 1 1.464.965a5.4 5.4 0 0 1 1.223 1.751c.448 1 .342 2.684.255 4.038l-.003.057q-.014.2-.024.387a.8.8 0 0 0 .276.06q.11-.006.232-.03z"/></svg> </template>
CSS
.icon-snapchat {
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%22-2%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.899%207.75q.499-.112.501-.164l.1-.045a1%201%200%200%201%20.406-.082c.152%200%20.304.028.435.082c.391.139.636.424.642.744c.003.131-.037.334-.242.545c-.173.176-.433.332-.798.476a5%205%200%200%201-.292.099c-.37.117-.93.295-1.076.637c-.075.174-.043.403.105.703c.048.116%201.253%202.855%203.927%203.295a.465.465%200%200%201%20.391.485a.6.6%200%200%201-.05.206c-.096.223-.317.411-.676.578c-.44.203-1.097.373-1.956.508c-.043.083-.09.295-.119.428a7%207%200%200%201-.115.465c-.071.244-.259.384-.536.384c-.116%200-.266-.02-.46-.057a5.3%205.3%200%200%200-1.049-.11q-.367%200-.75.063c-.49.081-.912.379-1.402.724c-.715.503-1.525%201.075-2.763%201.075a2%202%200%200%201-.144-.004l-.101.004c-1.237%200-2.047-.572-2.762-1.077c-.49-.345-.912-.642-1.402-.723a4.6%204.6%200%200%200-.75-.064c-.438%200-.791.069-1.048.119c-.177.033-.328.063-.46.063c-.35%200-.484-.212-.537-.39a6%206%200%200%201-.115-.468c-.031-.142-.076-.348-.12-.43c-.858-.134-1.516-.305-1.956-.51c-.36-.165-.581-.354-.677-.58a.6.6%200%200%201-.05-.203a.467.467%200%200%201%20.392-.487a4.5%204.5%200%200%200%201.706-.664a5.6%205.6%200%200%200%201.215-1.073a6.6%206.6%200%200%200%201.018-1.58q.205-.417.095-.68c-.146-.342-.708-.52-1.078-.637c-.106-.034-.207-.065-.292-.099q-.487-.192-.745-.426C2%208.597%202%208.319%202.026%208.179c.041-.214.191-.405.424-.542a1.2%201.2%200%200%201%20.598-.167a.8.8%200%200%201%20.339.07q.108.051.212.09q.003.047.414.123q.14.026.265.026a.8.8%200%200%200%20.328-.062l-.028-.446c-.085-1.352-.191-3.036.257-4.035A5.5%205.5%200%200%201%206.053%201.49c.423-.4.913-.724%201.459-.964A5.8%205.8%200%200%201%209.798.042l.394-.003c.445%200%201.333.062%202.284.482a5.1%205.1%200%200%201%201.464.965a5.4%205.4%200%200%201%201.223%201.751c.448%201%20.342%202.684.255%204.038l-.003.057q-.014.2-.024.387a.8.8%200%200%200%20.276.06q.11-.006.232-.03z%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%22-2%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.899%207.75q.499-.112.501-.164l.1-.045a1%201%200%200%201%20.406-.082c.152%200%20.304.028.435.082c.391.139.636.424.642.744c.003.131-.037.334-.242.545c-.173.176-.433.332-.798.476a5%205%200%200%201-.292.099c-.37.117-.93.295-1.076.637c-.075.174-.043.403.105.703c.048.116%201.253%202.855%203.927%203.295a.465.465%200%200%201%20.391.485a.6.6%200%200%201-.05.206c-.096.223-.317.411-.676.578c-.44.203-1.097.373-1.956.508c-.043.083-.09.295-.119.428a7%207%200%200%201-.115.465c-.071.244-.259.384-.536.384c-.116%200-.266-.02-.46-.057a5.3%205.3%200%200%200-1.049-.11q-.367%200-.75.063c-.49.081-.912.379-1.402.724c-.715.503-1.525%201.075-2.763%201.075a2%202%200%200%201-.144-.004l-.101.004c-1.237%200-2.047-.572-2.762-1.077c-.49-.345-.912-.642-1.402-.723a4.6%204.6%200%200%200-.75-.064c-.438%200-.791.069-1.048.119c-.177.033-.328.063-.46.063c-.35%200-.484-.212-.537-.39a6%206%200%200%201-.115-.468c-.031-.142-.076-.348-.12-.43c-.858-.134-1.516-.305-1.956-.51c-.36-.165-.581-.354-.677-.58a.6.6%200%200%201-.05-.203a.467.467%200%200%201%20.392-.487a4.5%204.5%200%200%200%201.706-.664a5.6%205.6%200%200%200%201.215-1.073a6.6%206.6%200%200%200%201.018-1.58q.205-.417.095-.68c-.146-.342-.708-.52-1.078-.637c-.106-.034-.207-.065-.292-.099q-.487-.192-.745-.426C2%208.597%202%208.319%202.026%208.179c.041-.214.191-.405.424-.542a1.2%201.2%200%200%201%20.598-.167a.8.8%200%200%201%20.339.07q.108.051.212.09q.003.047.414.123q.14.026.265.026a.8.8%200%200%200%20.328-.062l-.028-.446c-.085-1.352-.191-3.036.257-4.035A5.5%205.5%200%200%201%206.053%201.49c.423-.4.913-.724%201.459-.964A5.8%205.8%200%200%201%209.798.042l.394-.003c.445%200%201.333.062%202.284.482a5.1%205.1%200%200%201%201.464.965a5.4%205.4%200%200%201%201.223%201.751c.448%201%20.342%202.684.255%204.038l-.003.057q-.014.2-.024.387a.8.8%200%200%200%20.276.06q.11-.006.232-.03z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/snapchat.svg?color=%231a73e8&size=48
