snapchat logo
snapchat from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- snapchat
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
snapchat-fillAkar Iconssnapchat-filledAnt Design IconssnapchatBootstrap IconssnapchatBoxicons BrandssnapchatFont Awesome 6 BrandssnapchatFont Awesome BrandssnapchatHuge IconssnapchatIconoirsnapchatJam IconssnapchatLine AwesomesnapchatMage IconssnapchatMaterial Design Iconssnapchat-fillMingCute Iconsnapchat-fillRemix IconsnapchatSimple Iconssnapchat-outlineTeenyicons
Use the snapchat logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.276 1.057c1.318 0 5.797.37 7.906 5.094c.703 1.594.536 4.292.396 6.464v.078c-.016.24-.031.464-.042.682c.099.057.271.12.536.12c.396-.021.875-.161 1.375-.401c.219-.12.458-.141.62-.141c.24 0 .479.042.677.12c.599.198.979.641.979 1.12q.03.9-1.62 1.557c-.115.036-.276.099-.458.156c-.599.182-1.516.479-1.776 1.083c-.12.297-.078.698.161 1.156l.021.021c.078.182 2.031 4.63 6.385 5.349c.344.063.583.359.563.682a.8.8 0 0 1-.063.297c-.318.76-1.698 1.318-4.193 1.698c-.078.12-.161.5-.219.76a6 6 0 0 1-.177.734c-.104.359-.365.542-.745.542h-.036c-.182 0-.417-.042-.719-.099a8 8 0 0 0-1.698-.182c-.401 0-.797.021-1.219.099c-.797.141-1.495.62-2.297 1.182c-1.135.797-2.432 1.714-4.391 1.714c-.078 0-.156-.021-.24-.021h-.198c-1.958 0-3.234-.896-4.375-1.714c-.797-.563-1.474-1.042-2.276-1.182a9 9 0 0 0-1.234-.099c-.719 0-1.276.12-1.698.203a4 4 0 0 1-.719.099c-.5 0-.698-.302-.776-.563c-.083-.255-.12-.521-.182-.755c-.063-.24-.141-.661-.219-.76c-2.557-.297-3.932-.854-4.255-1.635a.8.8 0 0 1-.073-.302a.66.66 0 0 1 .563-.677c4.349-.719 6.307-5.172 6.385-5.359l.021-.036c.24-.464.302-.859.161-1.161c-.26-.578-1.177-.875-1.776-1.078a3 3 0 0 1-.464-.156c-1.474-.583-1.677-1.24-1.594-1.698c.12-.641.896-1.057 1.557-1.057c.193 0 .359.036.51.099c.557.255 1.052.396 1.474.396c.307 0 .51-.078.62-.135l-.063-.76c-.13-2.167-.302-4.87.406-6.448C9.849 1.44 14.313 1.08 15.63 1.08l.557-.021z"/></svg>
React
import type { SVGProps } from "react";
export function CibSnapchat(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="M16.276 1.057c1.318 0 5.797.37 7.906 5.094c.703 1.594.536 4.292.396 6.464v.078c-.016.24-.031.464-.042.682c.099.057.271.12.536.12c.396-.021.875-.161 1.375-.401c.219-.12.458-.141.62-.141c.24 0 .479.042.677.12c.599.198.979.641.979 1.12q.03.9-1.62 1.557c-.115.036-.276.099-.458.156c-.599.182-1.516.479-1.776 1.083c-.12.297-.078.698.161 1.156l.021.021c.078.182 2.031 4.63 6.385 5.349c.344.063.583.359.563.682a.8.8 0 0 1-.063.297c-.318.76-1.698 1.318-4.193 1.698c-.078.12-.161.5-.219.76a6 6 0 0 1-.177.734c-.104.359-.365.542-.745.542h-.036c-.182 0-.417-.042-.719-.099a8 8 0 0 0-1.698-.182c-.401 0-.797.021-1.219.099c-.797.141-1.495.62-2.297 1.182c-1.135.797-2.432 1.714-4.391 1.714c-.078 0-.156-.021-.24-.021h-.198c-1.958 0-3.234-.896-4.375-1.714c-.797-.563-1.474-1.042-2.276-1.182a9 9 0 0 0-1.234-.099c-.719 0-1.276.12-1.698.203a4 4 0 0 1-.719.099c-.5 0-.698-.302-.776-.563c-.083-.255-.12-.521-.182-.755c-.063-.24-.141-.661-.219-.76c-2.557-.297-3.932-.854-4.255-1.635a.8.8 0 0 1-.073-.302a.66.66 0 0 1 .563-.677c4.349-.719 6.307-5.172 6.385-5.359l.021-.036c.24-.464.302-.859.161-1.161c-.26-.578-1.177-.875-1.776-1.078a3 3 0 0 1-.464-.156c-1.474-.583-1.677-1.24-1.594-1.698c.12-.641.896-1.057 1.557-1.057c.193 0 .359.036.51.099c.557.255 1.052.396 1.474.396c.307 0 .51-.078.62-.135l-.063-.76c-.13-2.167-.302-4.87.406-6.448C9.849 1.44 14.313 1.08 15.63 1.08l.557-.021z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.276 1.057c1.318 0 5.797.37 7.906 5.094c.703 1.594.536 4.292.396 6.464v.078c-.016.24-.031.464-.042.682c.099.057.271.12.536.12c.396-.021.875-.161 1.375-.401c.219-.12.458-.141.62-.141c.24 0 .479.042.677.12c.599.198.979.641.979 1.12q.03.9-1.62 1.557c-.115.036-.276.099-.458.156c-.599.182-1.516.479-1.776 1.083c-.12.297-.078.698.161 1.156l.021.021c.078.182 2.031 4.63 6.385 5.349c.344.063.583.359.563.682a.8.8 0 0 1-.063.297c-.318.76-1.698 1.318-4.193 1.698c-.078.12-.161.5-.219.76a6 6 0 0 1-.177.734c-.104.359-.365.542-.745.542h-.036c-.182 0-.417-.042-.719-.099a8 8 0 0 0-1.698-.182c-.401 0-.797.021-1.219.099c-.797.141-1.495.62-2.297 1.182c-1.135.797-2.432 1.714-4.391 1.714c-.078 0-.156-.021-.24-.021h-.198c-1.958 0-3.234-.896-4.375-1.714c-.797-.563-1.474-1.042-2.276-1.182a9 9 0 0 0-1.234-.099c-.719 0-1.276.12-1.698.203a4 4 0 0 1-.719.099c-.5 0-.698-.302-.776-.563c-.083-.255-.12-.521-.182-.755c-.063-.24-.141-.661-.219-.76c-2.557-.297-3.932-.854-4.255-1.635a.8.8 0 0 1-.073-.302a.66.66 0 0 1 .563-.677c4.349-.719 6.307-5.172 6.385-5.359l.021-.036c.24-.464.302-.859.161-1.161c-.26-.578-1.177-.875-1.776-1.078a3 3 0 0 1-.464-.156c-1.474-.583-1.677-1.24-1.594-1.698c.12-.641.896-1.057 1.557-1.057c.193 0 .359.036.51.099c.557.255 1.052.396 1.474.396c.307 0 .51-.078.62-.135l-.063-.76c-.13-2.167-.302-4.87.406-6.448C9.849 1.44 14.313 1.08 15.63 1.08l.557-.021z"/></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%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.276%201.057c1.318%200%205.797.37%207.906%205.094c.703%201.594.536%204.292.396%206.464v.078c-.016.24-.031.464-.042.682c.099.057.271.12.536.12c.396-.021.875-.161%201.375-.401c.219-.12.458-.141.62-.141c.24%200%20.479.042.677.12c.599.198.979.641.979%201.12q.03.9-1.62%201.557c-.115.036-.276.099-.458.156c-.599.182-1.516.479-1.776%201.083c-.12.297-.078.698.161%201.156l.021.021c.078.182%202.031%204.63%206.385%205.349c.344.063.583.359.563.682a.8.8%200%200%201-.063.297c-.318.76-1.698%201.318-4.193%201.698c-.078.12-.161.5-.219.76a6%206%200%200%201-.177.734c-.104.359-.365.542-.745.542h-.036c-.182%200-.417-.042-.719-.099a8%208%200%200%200-1.698-.182c-.401%200-.797.021-1.219.099c-.797.141-1.495.62-2.297%201.182c-1.135.797-2.432%201.714-4.391%201.714c-.078%200-.156-.021-.24-.021h-.198c-1.958%200-3.234-.896-4.375-1.714c-.797-.563-1.474-1.042-2.276-1.182a9%209%200%200%200-1.234-.099c-.719%200-1.276.12-1.698.203a4%204%200%200%201-.719.099c-.5%200-.698-.302-.776-.563c-.083-.255-.12-.521-.182-.755c-.063-.24-.141-.661-.219-.76c-2.557-.297-3.932-.854-4.255-1.635a.8.8%200%200%201-.073-.302a.66.66%200%200%201%20.563-.677c4.349-.719%206.307-5.172%206.385-5.359l.021-.036c.24-.464.302-.859.161-1.161c-.26-.578-1.177-.875-1.776-1.078a3%203%200%200%201-.464-.156c-1.474-.583-1.677-1.24-1.594-1.698c.12-.641.896-1.057%201.557-1.057c.193%200%20.359.036.51.099c.557.255%201.052.396%201.474.396c.307%200%20.51-.078.62-.135l-.063-.76c-.13-2.167-.302-4.87.406-6.448C9.849%201.44%2014.313%201.08%2015.63%201.08l.557-.021z%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%22M16.276%201.057c1.318%200%205.797.37%207.906%205.094c.703%201.594.536%204.292.396%206.464v.078c-.016.24-.031.464-.042.682c.099.057.271.12.536.12c.396-.021.875-.161%201.375-.401c.219-.12.458-.141.62-.141c.24%200%20.479.042.677.12c.599.198.979.641.979%201.12q.03.9-1.62%201.557c-.115.036-.276.099-.458.156c-.599.182-1.516.479-1.776%201.083c-.12.297-.078.698.161%201.156l.021.021c.078.182%202.031%204.63%206.385%205.349c.344.063.583.359.563.682a.8.8%200%200%201-.063.297c-.318.76-1.698%201.318-4.193%201.698c-.078.12-.161.5-.219.76a6%206%200%200%201-.177.734c-.104.359-.365.542-.745.542h-.036c-.182%200-.417-.042-.719-.099a8%208%200%200%200-1.698-.182c-.401%200-.797.021-1.219.099c-.797.141-1.495.62-2.297%201.182c-1.135.797-2.432%201.714-4.391%201.714c-.078%200-.156-.021-.24-.021h-.198c-1.958%200-3.234-.896-4.375-1.714c-.797-.563-1.474-1.042-2.276-1.182a9%209%200%200%200-1.234-.099c-.719%200-1.276.12-1.698.203a4%204%200%200%201-.719.099c-.5%200-.698-.302-.776-.563c-.083-.255-.12-.521-.182-.755c-.063-.24-.141-.661-.219-.76c-2.557-.297-3.932-.854-4.255-1.635a.8.8%200%200%201-.073-.302a.66.66%200%200%201%20.563-.677c4.349-.719%206.307-5.172%206.385-5.359l.021-.036c.24-.464.302-.859.161-1.161c-.26-.578-1.177-.875-1.776-1.078a3%203%200%200%201-.464-.156c-1.474-.583-1.677-1.24-1.594-1.698c.12-.641.896-1.057%201.557-1.057c.193%200%20.359.036.51.099c.557.255%201.052.396%201.474.396c.307%200%20.51-.078.62-.135l-.063-.76c-.13-2.167-.302-4.87.406-6.448C9.849%201.44%2014.313%201.08%2015.63%201.08l.557-.021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/snapchat.svg?color=%231a73e8&size=48
