snapchat icon
snapchat-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- snapchat-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
The same icon in other sets
snapchat-fillAkar Iconssnapchat-filledAnt Design IconssnapchatBootstrap IconssnapchatBoxicons BrandssnapchatCoreUI BrandssnapchatFont Awesome 6 BrandssnapchatFont Awesome BrandssnapchatHuge IconssnapchatIconoirsnapchatJam IconssnapchatLine AwesomesnapchatMage IconssnapchatMaterial Design Iconssnapchat-fillMingCute Iconsnapchat-fillRemix IconsnapchatSimple Icons
Use the snapchat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C6.249 0 5.144.476 4.365 1.479c-.696.893-1.09 2.712-1.155 4.23l-.08.012l-.022.003c-.117.018-.256.04-.4.068c-.504.103-1.458.376-1.672 1.474c-.1.513.013.961.268 1.308c.23.31.54.495.768.61q.146.075.296.137c-.228.673-.627 1.366-1.069 1.993c-.414.587-.304 1.33-.09 1.816c.213.486.617.464 1.291.495c.382.018.783.06 1.181.139c.18.035.393.114.657.232q.23.104.458.215c.123.06.254.123.405.193c.62.288 1.383.596 2.227.596c.845 0 1.607-.308 2.227-.596c.151-.07.282-.133.406-.193l.027-.014a17 17 0 0 1 .43-.201c.265-.118.477-.196.657-.232a8 8 0 0 1 1.18-.139c.675-.031 1.198-.01 1.413-.495c.213-.485.323-1.229-.09-1.816c-.44-.623-.837-1.31-1.066-1.98a5 5 0 0 0 .33-.146c.234-.113.562-.301.79-.626c.267-.377.342-.853.19-1.366c-.302-1.023-1.182-1.295-1.697-1.403a6 6 0 0 0-.385-.068l-.014-.002l-.06-.01c-.07-1.424-.443-3.225-1.123-4.132C9.878.56 8.78 0 7.5 0"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsSnapchatSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C6.249 0 5.144.476 4.365 1.479c-.696.893-1.09 2.712-1.155 4.23l-.08.012l-.022.003c-.117.018-.256.04-.4.068c-.504.103-1.458.376-1.672 1.474c-.1.513.013.961.268 1.308c.23.31.54.495.768.61q.146.075.296.137c-.228.673-.627 1.366-1.069 1.993c-.414.587-.304 1.33-.09 1.816c.213.486.617.464 1.291.495c.382.018.783.06 1.181.139c.18.035.393.114.657.232q.23.104.458.215c.123.06.254.123.405.193c.62.288 1.383.596 2.227.596c.845 0 1.607-.308 2.227-.596c.151-.07.282-.133.406-.193l.027-.014a17 17 0 0 1 .43-.201c.265-.118.477-.196.657-.232a8 8 0 0 1 1.18-.139c.675-.031 1.198-.01 1.413-.495c.213-.485.323-1.229-.09-1.816c-.44-.623-.837-1.31-1.066-1.98a5 5 0 0 0 .33-.146c.234-.113.562-.301.79-.626c.267-.377.342-.853.19-1.366c-.302-1.023-1.182-1.295-1.697-1.403a6 6 0 0 0-.385-.068l-.014-.002l-.06-.01c-.07-1.424-.443-3.225-1.123-4.132C9.878.56 8.78 0 7.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C6.249 0 5.144.476 4.365 1.479c-.696.893-1.09 2.712-1.155 4.23l-.08.012l-.022.003c-.117.018-.256.04-.4.068c-.504.103-1.458.376-1.672 1.474c-.1.513.013.961.268 1.308c.23.31.54.495.768.61q.146.075.296.137c-.228.673-.627 1.366-1.069 1.993c-.414.587-.304 1.33-.09 1.816c.213.486.617.464 1.291.495c.382.018.783.06 1.181.139c.18.035.393.114.657.232q.23.104.458.215c.123.06.254.123.405.193c.62.288 1.383.596 2.227.596c.845 0 1.607-.308 2.227-.596c.151-.07.282-.133.406-.193l.027-.014a17 17 0 0 1 .43-.201c.265-.118.477-.196.657-.232a8 8 0 0 1 1.18-.139c.675-.031 1.198-.01 1.413-.495c.213-.485.323-1.229-.09-1.816c-.44-.623-.837-1.31-1.066-1.98a5 5 0 0 0 .33-.146c.234-.113.562-.301.79-.626c.267-.377.342-.853.19-1.366c-.302-1.023-1.182-1.295-1.697-1.403a6 6 0 0 0-.385-.068l-.014-.002l-.06-.01c-.07-1.424-.443-3.225-1.123-4.132C9.878.56 8.78 0 7.5 0"/></svg> </template>
CSS
.icon-snapchat-solid {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%200C6.249%200%205.144.476%204.365%201.479c-.696.893-1.09%202.712-1.155%204.23l-.08.012l-.022.003c-.117.018-.256.04-.4.068c-.504.103-1.458.376-1.672%201.474c-.1.513.013.961.268%201.308c.23.31.54.495.768.61q.146.075.296.137c-.228.673-.627%201.366-1.069%201.993c-.414.587-.304%201.33-.09%201.816c.213.486.617.464%201.291.495c.382.018.783.06%201.181.139c.18.035.393.114.657.232q.23.104.458.215c.123.06.254.123.405.193c.62.288%201.383.596%202.227.596c.845%200%201.607-.308%202.227-.596c.151-.07.282-.133.406-.193l.027-.014a17%2017%200%200%201%20.43-.201c.265-.118.477-.196.657-.232a8%208%200%200%201%201.18-.139c.675-.031%201.198-.01%201.413-.495c.213-.485.323-1.229-.09-1.816c-.44-.623-.837-1.31-1.066-1.98a5%205%200%200%200%20.33-.146c.234-.113.562-.301.79-.626c.267-.377.342-.853.19-1.366c-.302-1.023-1.182-1.295-1.697-1.403a6%206%200%200%200-.385-.068l-.014-.002l-.06-.01c-.07-1.424-.443-3.225-1.123-4.132C9.878.56%208.78%200%207.5%200%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%200C6.249%200%205.144.476%204.365%201.479c-.696.893-1.09%202.712-1.155%204.23l-.08.012l-.022.003c-.117.018-.256.04-.4.068c-.504.103-1.458.376-1.672%201.474c-.1.513.013.961.268%201.308c.23.31.54.495.768.61q.146.075.296.137c-.228.673-.627%201.366-1.069%201.993c-.414.587-.304%201.33-.09%201.816c.213.486.617.464%201.291.495c.382.018.783.06%201.181.139c.18.035.393.114.657.232q.23.104.458.215c.123.06.254.123.405.193c.62.288%201.383.596%202.227.596c.845%200%201.607-.308%202.227-.596c.151-.07.282-.133.406-.193l.027-.014a17%2017%200%200%201%20.43-.201c.265-.118.477-.196.657-.232a8%208%200%200%201%201.18-.139c.675-.031%201.198-.01%201.413-.495c.213-.485.323-1.229-.09-1.816c-.44-.623-.837-1.31-1.066-1.98a5%205%200%200%200%20.33-.146c.234-.113.562-.301.79-.626c.267-.377.342-.853.19-1.366c-.302-1.023-1.182-1.295-1.697-1.403a6%206%200%200%200-.385-.068l-.014-.002l-.06-.01c-.07-1.424-.443-3.225-1.123-4.132C9.878.56%208.78%200%207.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/snapchat-solid.svg?color=%231a73e8&size=48
