snapchat logo icon
snapchat-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- snapchat-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the snapchat logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.87 182.68a6 6 0 0 0-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6 6 0 1 0-4.46-11.14l-20 8A148.7 148.7 0 0 1 190 80a62 62 0 0 0-124 0a151.4 151.4 0 0 1-3.72 34.48l-20.05-8a6 6 0 0 0-4.46 11.14L58.93 126A96.1 96.1 0 0 1 40 158.87c-12.85 14.44-25.91 19.34-26 19.38a6 6 0 0 0-2.08 10c6.6 6.19 16.83 7.2 26.71 8.18c6.51.64 13.23 1.31 17.16 3.47c3.76 2.07 7.36 7 10.85 11.79c5.21 7.13 11.11 15.22 20.12 17.53c8.5 2.16 17.09-.76 25.4-3.59c5.72-1.94 11.11-3.78 15.86-3.78s10.14 1.84 15.86 3.78c6.29 2.14 12.74 4.34 19.19 4.34a25.4 25.4 0 0 0 6.21-.75c9-2.3 14.91-10.39 20.12-17.52c3.49-4.78 7.09-9.72 10.85-11.79c3.93-2.16 10.65-2.83 17.16-3.47c9.88-1 20.11-2 26.71-8.18a6 6 0 0 0 1.75-5.58m-29.66 1.84c-7.71.76-15.68 1.55-21.76 4.9s-10.5 9.39-14.77 15.22s-8.56 11.74-13.39 13c-5 1.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34 2.25-19.72 4.42c-7 2.37-13.53 4.6-18.57 3.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94 94 0 0 0 18.55-15.9c8.24-9.11 17.44-22.86 23.35-42.48a1.4 1.4 0 0 0 .08-.18a5.5 5.5 0 0 0 .35-1.27A156.2 156.2 0 0 0 78 80a50 50 0 0 1 100 0a156.2 156.2 0 0 0 5.77 43.51a5.3 5.3 0 0 0 .35 1.27a1 1 0 0 0 .08.17c5.91 19.63 15.11 33.38 23.35 42.49a94 94 0 0 0 18.55 15.9c-3.1.51-6.52.85-9.89 1.18"/></svg>
React
import type { SVGProps } from "react";
export function PhSnapchatLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.87 182.68a6 6 0 0 0-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6 6 0 1 0-4.46-11.14l-20 8A148.7 148.7 0 0 1 190 80a62 62 0 0 0-124 0a151.4 151.4 0 0 1-3.72 34.48l-20.05-8a6 6 0 0 0-4.46 11.14L58.93 126A96.1 96.1 0 0 1 40 158.87c-12.85 14.44-25.91 19.34-26 19.38a6 6 0 0 0-2.08 10c6.6 6.19 16.83 7.2 26.71 8.18c6.51.64 13.23 1.31 17.16 3.47c3.76 2.07 7.36 7 10.85 11.79c5.21 7.13 11.11 15.22 20.12 17.53c8.5 2.16 17.09-.76 25.4-3.59c5.72-1.94 11.11-3.78 15.86-3.78s10.14 1.84 15.86 3.78c6.29 2.14 12.74 4.34 19.19 4.34a25.4 25.4 0 0 0 6.21-.75c9-2.3 14.91-10.39 20.12-17.52c3.49-4.78 7.09-9.72 10.85-11.79c3.93-2.16 10.65-2.83 17.16-3.47c9.88-1 20.11-2 26.71-8.18a6 6 0 0 0 1.75-5.58m-29.66 1.84c-7.71.76-15.68 1.55-21.76 4.9s-10.5 9.39-14.77 15.22s-8.56 11.74-13.39 13c-5 1.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34 2.25-19.72 4.42c-7 2.37-13.53 4.6-18.57 3.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94 94 0 0 0 18.55-15.9c8.24-9.11 17.44-22.86 23.35-42.48a1.4 1.4 0 0 0 .08-.18a5.5 5.5 0 0 0 .35-1.27A156.2 156.2 0 0 0 78 80a50 50 0 0 1 100 0a156.2 156.2 0 0 0 5.77 43.51a5.3 5.3 0 0 0 .35 1.27a1 1 0 0 0 .08.17c5.91 19.63 15.11 33.38 23.35 42.49a94 94 0 0 0 18.55 15.9c-3.1.51-6.52.85-9.89 1.18"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.87 182.68a6 6 0 0 0-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6 6 0 1 0-4.46-11.14l-20 8A148.7 148.7 0 0 1 190 80a62 62 0 0 0-124 0a151.4 151.4 0 0 1-3.72 34.48l-20.05-8a6 6 0 0 0-4.46 11.14L58.93 126A96.1 96.1 0 0 1 40 158.87c-12.85 14.44-25.91 19.34-26 19.38a6 6 0 0 0-2.08 10c6.6 6.19 16.83 7.2 26.71 8.18c6.51.64 13.23 1.31 17.16 3.47c3.76 2.07 7.36 7 10.85 11.79c5.21 7.13 11.11 15.22 20.12 17.53c8.5 2.16 17.09-.76 25.4-3.59c5.72-1.94 11.11-3.78 15.86-3.78s10.14 1.84 15.86 3.78c6.29 2.14 12.74 4.34 19.19 4.34a25.4 25.4 0 0 0 6.21-.75c9-2.3 14.91-10.39 20.12-17.52c3.49-4.78 7.09-9.72 10.85-11.79c3.93-2.16 10.65-2.83 17.16-3.47c9.88-1 20.11-2 26.71-8.18a6 6 0 0 0 1.75-5.58m-29.66 1.84c-7.71.76-15.68 1.55-21.76 4.9s-10.5 9.39-14.77 15.22s-8.56 11.74-13.39 13c-5 1.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34 2.25-19.72 4.42c-7 2.37-13.53 4.6-18.57 3.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94 94 0 0 0 18.55-15.9c8.24-9.11 17.44-22.86 23.35-42.48a1.4 1.4 0 0 0 .08-.18a5.5 5.5 0 0 0 .35-1.27A156.2 156.2 0 0 0 78 80a50 50 0 0 1 100 0a156.2 156.2 0 0 0 5.77 43.51a5.3 5.3 0 0 0 .35 1.27a1 1 0 0 0 .08.17c5.91 19.63 15.11 33.38 23.35 42.49a94 94 0 0 0 18.55 15.9c-3.1.51-6.52.85-9.89 1.18"/></svg> </template>
CSS
.icon-snapchat-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.87%20182.68a6%206%200%200%200-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6%206%200%201%200-4.46-11.14l-20%208A148.7%20148.7%200%200%201%20190%2080a62%2062%200%200%200-124%200a151.4%20151.4%200%200%201-3.72%2034.48l-20.05-8a6%206%200%200%200-4.46%2011.14L58.93%20126A96.1%2096.1%200%200%201%2040%20158.87c-12.85%2014.44-25.91%2019.34-26%2019.38a6%206%200%200%200-2.08%2010c6.6%206.19%2016.83%207.2%2026.71%208.18c6.51.64%2013.23%201.31%2017.16%203.47c3.76%202.07%207.36%207%2010.85%2011.79c5.21%207.13%2011.11%2015.22%2020.12%2017.53c8.5%202.16%2017.09-.76%2025.4-3.59c5.72-1.94%2011.11-3.78%2015.86-3.78s10.14%201.84%2015.86%203.78c6.29%202.14%2012.74%204.34%2019.19%204.34a25.4%2025.4%200%200%200%206.21-.75c9-2.3%2014.91-10.39%2020.12-17.52c3.49-4.78%207.09-9.72%2010.85-11.79c3.93-2.16%2010.65-2.83%2017.16-3.47c9.88-1%2020.11-2%2026.71-8.18a6%206%200%200%200%201.75-5.58m-29.66%201.84c-7.71.76-15.68%201.55-21.76%204.9s-10.5%209.39-14.77%2015.22s-8.56%2011.74-13.39%2013c-5%201.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34%202.25-19.72%204.42c-7%202.37-13.53%204.6-18.57%203.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94%2094%200%200%200%2018.55-15.9c8.24-9.11%2017.44-22.86%2023.35-42.48a1.4%201.4%200%200%200%20.08-.18a5.5%205.5%200%200%200%20.35-1.27A156.2%20156.2%200%200%200%2078%2080a50%2050%200%200%201%20100%200a156.2%20156.2%200%200%200%205.77%2043.51a5.3%205.3%200%200%200%20.35%201.27a1%201%200%200%200%20.08.17c5.91%2019.63%2015.11%2033.38%2023.35%2042.49a94%2094%200%200%200%2018.55%2015.9c-3.1.51-6.52.85-9.89%201.18%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.87%20182.68a6%206%200%200%200-3.85-4.43c-.4-.14-30.71-11.53-44.87-52.25l21.08-8.43a6%206%200%201%200-4.46-11.14l-20%208A148.7%20148.7%200%200%201%20190%2080a62%2062%200%200%200-124%200a151.4%20151.4%200%200%201-3.72%2034.48l-20.05-8a6%206%200%200%200-4.46%2011.14L58.93%20126A96.1%2096.1%200%200%201%2040%20158.87c-12.85%2014.44-25.91%2019.34-26%2019.38a6%206%200%200%200-2.08%2010c6.6%206.19%2016.83%207.2%2026.71%208.18c6.51.64%2013.23%201.31%2017.16%203.47c3.76%202.07%207.36%207%2010.85%2011.79c5.21%207.13%2011.11%2015.22%2020.12%2017.53c8.5%202.16%2017.09-.76%2025.4-3.59c5.72-1.94%2011.11-3.78%2015.86-3.78s10.14%201.84%2015.86%203.78c6.29%202.14%2012.74%204.34%2019.19%204.34a25.4%2025.4%200%200%200%206.21-.75c9-2.3%2014.91-10.39%2020.12-17.52c3.49-4.78%207.09-9.72%2010.85-11.79c3.93-2.16%2010.65-2.83%2017.16-3.47c9.88-1%2020.11-2%2026.71-8.18a6%206%200%200%200%201.75-5.58m-29.66%201.84c-7.71.76-15.68%201.55-21.76%204.9s-10.5%209.39-14.77%2015.22s-8.56%2011.74-13.39%2013c-5%201.28-11.61-1-18.57-3.32c-6.38-2.17-13-4.42-19.72-4.42s-13.34%202.25-19.72%204.42c-7%202.37-13.53%204.6-18.57%203.32c-4.83-1.24-9.18-7.2-13.39-13s-8.67-11.88-14.77-15.23s-14-4.14-21.76-4.9c-3.37-.33-6.79-.67-9.89-1.21a94%2094%200%200%200%2018.55-15.9c8.24-9.11%2017.44-22.86%2023.35-42.48a1.4%201.4%200%200%200%20.08-.18a5.5%205.5%200%200%200%20.35-1.27A156.2%20156.2%200%200%200%2078%2080a50%2050%200%200%201%20100%200a156.2%20156.2%200%200%200%205.77%2043.51a5.3%205.3%200%200%200%20.35%201.27a1%201%200%200%200%20.08.17c5.91%2019.63%2015.11%2033.38%2023.35%2042.49a94%2094%200%200%200%2018.55%2015.9c-3.1.51-6.52.85-9.89%201.18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/snapchat-logo-light.svg?color=%231a73e8&size=48
