snapchat icon
snapchat-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- snapchat-outline
- Set
- Teenyicons
- Style
- Outline
- 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="none" stroke="currentColor" d="M7.5 1c-1.155 0-2.174.412-2.894 1.281c-.642.775-1.006 2.35-1.066 3.666l-.073.01l-.022.004a9 9 0 0 0-.368.059c-.465.089-1.346.326-1.543 1.277c-.093.445.011.833.247 1.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579 1.184-.987 1.728c-.382.508-.28 1.153-.083 1.573c.197.421.57.402 1.192.43c.352.015.722.051 1.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25 1.276.517 2.056.517s1.483-.267 2.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8 8 0 0 1 1.09-.12c.622-.028 1.104-.009 1.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5 5 0 0 0 .305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7 7 0 0 0-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695 1.485 8.682 1 7.5 1Z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsSnapchatOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M7.5 1c-1.155 0-2.174.412-2.894 1.281c-.642.775-1.006 2.35-1.066 3.666l-.073.01l-.022.004a9 9 0 0 0-.368.059c-.465.089-1.346.326-1.543 1.277c-.093.445.011.833.247 1.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579 1.184-.987 1.728c-.382.508-.28 1.153-.083 1.573c.197.421.57.402 1.192.43c.352.015.722.051 1.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25 1.276.517 2.056.517s1.483-.267 2.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8 8 0 0 1 1.09-.12c.622-.028 1.104-.009 1.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5 5 0 0 0 .305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7 7 0 0 0-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695 1.485 8.682 1 7.5 1Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M7.5 1c-1.155 0-2.174.412-2.894 1.281c-.642.775-1.006 2.35-1.066 3.666l-.073.01l-.022.004a9 9 0 0 0-.368.059c-.465.089-1.346.326-1.543 1.277c-.093.445.011.833.247 1.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579 1.184-.987 1.728c-.382.508-.28 1.153-.083 1.573c.197.421.57.402 1.192.43c.352.015.722.051 1.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25 1.276.517 2.056.517s1.483-.267 2.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8 8 0 0 1 1.09-.12c.622-.028 1.104-.009 1.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5 5 0 0 0 .305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7 7 0 0 0-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695 1.485 8.682 1 7.5 1Z"/></svg> </template>
CSS
.icon-snapchat-outline {
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%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M7.5%201c-1.155%200-2.174.412-2.894%201.281c-.642.775-1.006%202.35-1.066%203.666l-.073.01l-.022.004a9%209%200%200%200-.368.059c-.465.089-1.346.326-1.543%201.277c-.093.445.011.833.247%201.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579%201.184-.987%201.728c-.382.508-.28%201.153-.083%201.573c.197.421.57.402%201.192.43c.352.015.722.051%201.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25%201.276.517%202.056.517s1.483-.267%202.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8%208%200%200%201%201.09-.12c.622-.028%201.104-.009%201.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5%205%200%200%200%20.305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7%207%200%200%200-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695%201.485%208.682%201%207.5%201Z%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%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M7.5%201c-1.155%200-2.174.412-2.894%201.281c-.642.775-1.006%202.35-1.066%203.666l-.073.01l-.022.004a9%209%200%200%200-.368.059c-.465.089-1.346.326-1.543%201.277c-.093.445.011.833.247%201.134c.211.269.497.429.708.53q.135.062.274.117c-.21.584-.579%201.184-.987%201.728c-.382.508-.28%201.153-.083%201.573c.197.421.57.402%201.192.43c.352.015.722.051%201.09.12c.166.03.362.098.606.2q.213.09.423.187q.168.077.374.167c.573.25%201.276.517%202.056.517s1.483-.267%202.055-.517c.14-.06.26-.115.375-.167l.025-.012c.135-.06.26-.117.398-.174c.243-.103.44-.17.606-.201a8%208%200%200%201%201.09-.12c.622-.028%201.104-.009%201.303-.43c.197-.42.298-1.065-.084-1.573c-.406-.54-.772-1.136-.983-1.716a5%205%200%200%200%20.305-.127c.216-.098.518-.261.73-.543c.245-.326.315-.739.175-1.184c-.28-.886-1.092-1.122-1.568-1.216a7%207%200%200%200-.355-.058l-.012-.002l-.056-.009c-.065-1.234-.41-2.795-1.036-3.581C9.695%201.485%208.682%201%207.5%201Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/snapchat-outline.svg?color=%231a73e8&size=48
