snapchat logo icon
snapchat-logo from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- snapchat-logo
- Set
- Phosphor
- Style
- Regular
- 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="M247.83 182.28a8 8 0 0 0-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72a8 8 0 1 0-6-14.86l-17.82 7.13A149 149 0 0 1 192 80a64 64 0 0 0-128 0a151.2 151.2 0 0 1-3.18 31.75L43 104.57a8 8 0 1 0-6 14.86l19.37 7.75a94 94 0 0 1-17.74 30.2c-12.52 14.14-25.27 19-25.36 19a8 8 0 0 0-2.77 13.36c7.1 6.67 17.67 7.71 27.88 8.72c6.31.62 12.83 1.27 16.39 3.23c3.37 1.86 6.85 6.62 10.21 11.22c5.4 7.41 11.53 15.8 21.24 18.28c9.07 2.33 18.35-.83 26.54-3.62c5.55-1.89 10.8-3.68 15.21-3.68s9.66 1.79 15.21 3.68c6.2 2.11 13 4.43 19.9 4.43a26.4 26.4 0 0 0 6.64-.81c9.7-2.48 15.83-10.87 21.23-18.28c3.36-4.6 6.84-9.36 10.21-11.22c3.56-2 10.08-2.61 16.39-3.23c10.21-1 20.78-2.05 27.88-8.72a8 8 0 0 0 2.4-7.46m-31.82.26c-7.91.78-16.08 1.59-22.53 5.13s-11 9.79-15.41 15.81c-4 5.48-8.15 11.16-12.28 12.21c-4.46 1.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53s-13.83 2.3-20.37 4.53s-13 4.42-17.42 3.27c-4.13-1.05-8.27-6.73-12.28-12.21c-4.39-6-8.93-12.24-15.41-15.81S47.9 183.32 40 182.54c-1.55-.15-3.15-.31-4.74-.49a97.3 97.3 0 0 0 14.69-13.29c8.37-9.27 17.72-23.23 23.74-43.13l.06-.13a8.6 8.6 0 0 0 .46-1.61A158.5 158.5 0 0 0 80 80a48 48 0 0 1 96 0a158.4 158.4 0 0 0 5.8 43.92a8.6 8.6 0 0 0 .46 1.61l.06.13c6 19.9 15.37 33.86 23.74 43.13a97.3 97.3 0 0 0 14.69 13.29c-1.59.15-3.18.31-4.75.46Z"/></svg>
React
import type { SVGProps } from "react";
export function PhSnapchatLogo(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="M247.83 182.28a8 8 0 0 0-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72a8 8 0 1 0-6-14.86l-17.82 7.13A149 149 0 0 1 192 80a64 64 0 0 0-128 0a151.2 151.2 0 0 1-3.18 31.75L43 104.57a8 8 0 1 0-6 14.86l19.37 7.75a94 94 0 0 1-17.74 30.2c-12.52 14.14-25.27 19-25.36 19a8 8 0 0 0-2.77 13.36c7.1 6.67 17.67 7.71 27.88 8.72c6.31.62 12.83 1.27 16.39 3.23c3.37 1.86 6.85 6.62 10.21 11.22c5.4 7.41 11.53 15.8 21.24 18.28c9.07 2.33 18.35-.83 26.54-3.62c5.55-1.89 10.8-3.68 15.21-3.68s9.66 1.79 15.21 3.68c6.2 2.11 13 4.43 19.9 4.43a26.4 26.4 0 0 0 6.64-.81c9.7-2.48 15.83-10.87 21.23-18.28c3.36-4.6 6.84-9.36 10.21-11.22c3.56-2 10.08-2.61 16.39-3.23c10.21-1 20.78-2.05 27.88-8.72a8 8 0 0 0 2.4-7.46m-31.82.26c-7.91.78-16.08 1.59-22.53 5.13s-11 9.79-15.41 15.81c-4 5.48-8.15 11.16-12.28 12.21c-4.46 1.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53s-13.83 2.3-20.37 4.53s-13 4.42-17.42 3.27c-4.13-1.05-8.27-6.73-12.28-12.21c-4.39-6-8.93-12.24-15.41-15.81S47.9 183.32 40 182.54c-1.55-.15-3.15-.31-4.74-.49a97.3 97.3 0 0 0 14.69-13.29c8.37-9.27 17.72-23.23 23.74-43.13l.06-.13a8.6 8.6 0 0 0 .46-1.61A158.5 158.5 0 0 0 80 80a48 48 0 0 1 96 0a158.4 158.4 0 0 0 5.8 43.92a8.6 8.6 0 0 0 .46 1.61l.06.13c6 19.9 15.37 33.86 23.74 43.13a97.3 97.3 0 0 0 14.69 13.29c-1.59.15-3.18.31-4.75.46Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M247.83 182.28a8 8 0 0 0-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72a8 8 0 1 0-6-14.86l-17.82 7.13A149 149 0 0 1 192 80a64 64 0 0 0-128 0a151.2 151.2 0 0 1-3.18 31.75L43 104.57a8 8 0 1 0-6 14.86l19.37 7.75a94 94 0 0 1-17.74 30.2c-12.52 14.14-25.27 19-25.36 19a8 8 0 0 0-2.77 13.36c7.1 6.67 17.67 7.71 27.88 8.72c6.31.62 12.83 1.27 16.39 3.23c3.37 1.86 6.85 6.62 10.21 11.22c5.4 7.41 11.53 15.8 21.24 18.28c9.07 2.33 18.35-.83 26.54-3.62c5.55-1.89 10.8-3.68 15.21-3.68s9.66 1.79 15.21 3.68c6.2 2.11 13 4.43 19.9 4.43a26.4 26.4 0 0 0 6.64-.81c9.7-2.48 15.83-10.87 21.23-18.28c3.36-4.6 6.84-9.36 10.21-11.22c3.56-2 10.08-2.61 16.39-3.23c10.21-1 20.78-2.05 27.88-8.72a8 8 0 0 0 2.4-7.46m-31.82.26c-7.91.78-16.08 1.59-22.53 5.13s-11 9.79-15.41 15.81c-4 5.48-8.15 11.16-12.28 12.21c-4.46 1.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53s-13.83 2.3-20.37 4.53s-13 4.42-17.42 3.27c-4.13-1.05-8.27-6.73-12.28-12.21c-4.39-6-8.93-12.24-15.41-15.81S47.9 183.32 40 182.54c-1.55-.15-3.15-.31-4.74-.49a97.3 97.3 0 0 0 14.69-13.29c8.37-9.27 17.72-23.23 23.74-43.13l.06-.13a8.6 8.6 0 0 0 .46-1.61A158.5 158.5 0 0 0 80 80a48 48 0 0 1 96 0a158.4 158.4 0 0 0 5.8 43.92a8.6 8.6 0 0 0 .46 1.61l.06.13c6 19.9 15.37 33.86 23.74 43.13a97.3 97.3 0 0 0 14.69 13.29c-1.59.15-3.18.31-4.75.46Z"/></svg> </template>
CSS
.icon-snapchat-logo {
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%22M247.83%20182.28a8%208%200%200%200-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72a8%208%200%201%200-6-14.86l-17.82%207.13A149%20149%200%200%201%20192%2080a64%2064%200%200%200-128%200a151.2%20151.2%200%200%201-3.18%2031.75L43%20104.57a8%208%200%201%200-6%2014.86l19.37%207.75a94%2094%200%200%201-17.74%2030.2c-12.52%2014.14-25.27%2019-25.36%2019a8%208%200%200%200-2.77%2013.36c7.1%206.67%2017.67%207.71%2027.88%208.72c6.31.62%2012.83%201.27%2016.39%203.23c3.37%201.86%206.85%206.62%2010.21%2011.22c5.4%207.41%2011.53%2015.8%2021.24%2018.28c9.07%202.33%2018.35-.83%2026.54-3.62c5.55-1.89%2010.8-3.68%2015.21-3.68s9.66%201.79%2015.21%203.68c6.2%202.11%2013%204.43%2019.9%204.43a26.4%2026.4%200%200%200%206.64-.81c9.7-2.48%2015.83-10.87%2021.23-18.28c3.36-4.6%206.84-9.36%2010.21-11.22c3.56-2%2010.08-2.61%2016.39-3.23c10.21-1%2020.78-2.05%2027.88-8.72a8%208%200%200%200%202.4-7.46m-31.82.26c-7.91.78-16.08%201.59-22.53%205.13s-11%209.79-15.41%2015.81c-4%205.48-8.15%2011.16-12.28%2012.21c-4.46%201.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53s-13.83%202.3-20.37%204.53s-13%204.42-17.42%203.27c-4.13-1.05-8.27-6.73-12.28-12.21c-4.39-6-8.93-12.24-15.41-15.81S47.9%20183.32%2040%20182.54c-1.55-.15-3.15-.31-4.74-.49a97.3%2097.3%200%200%200%2014.69-13.29c8.37-9.27%2017.72-23.23%2023.74-43.13l.06-.13a8.6%208.6%200%200%200%20.46-1.61A158.5%20158.5%200%200%200%2080%2080a48%2048%200%200%201%2096%200a158.4%20158.4%200%200%200%205.8%2043.92a8.6%208.6%200%200%200%20.46%201.61l.06.13c6%2019.9%2015.37%2033.86%2023.74%2043.13a97.3%2097.3%200%200%200%2014.69%2013.29c-1.59.15-3.18.31-4.75.46Z%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%22M247.83%20182.28a8%208%200%200%200-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72a8%208%200%201%200-6-14.86l-17.82%207.13A149%20149%200%200%201%20192%2080a64%2064%200%200%200-128%200a151.2%20151.2%200%200%201-3.18%2031.75L43%20104.57a8%208%200%201%200-6%2014.86l19.37%207.75a94%2094%200%200%201-17.74%2030.2c-12.52%2014.14-25.27%2019-25.36%2019a8%208%200%200%200-2.77%2013.36c7.1%206.67%2017.67%207.71%2027.88%208.72c6.31.62%2012.83%201.27%2016.39%203.23c3.37%201.86%206.85%206.62%2010.21%2011.22c5.4%207.41%2011.53%2015.8%2021.24%2018.28c9.07%202.33%2018.35-.83%2026.54-3.62c5.55-1.89%2010.8-3.68%2015.21-3.68s9.66%201.79%2015.21%203.68c6.2%202.11%2013%204.43%2019.9%204.43a26.4%2026.4%200%200%200%206.64-.81c9.7-2.48%2015.83-10.87%2021.23-18.28c3.36-4.6%206.84-9.36%2010.21-11.22c3.56-2%2010.08-2.61%2016.39-3.23c10.21-1%2020.78-2.05%2027.88-8.72a8%208%200%200%200%202.4-7.46m-31.82.26c-7.91.78-16.08%201.59-22.53%205.13s-11%209.79-15.41%2015.81c-4%205.48-8.15%2011.16-12.28%2012.21c-4.46%201.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53s-13.83%202.3-20.37%204.53s-13%204.42-17.42%203.27c-4.13-1.05-8.27-6.73-12.28-12.21c-4.39-6-8.93-12.24-15.41-15.81S47.9%20183.32%2040%20182.54c-1.55-.15-3.15-.31-4.74-.49a97.3%2097.3%200%200%200%2014.69-13.29c8.37-9.27%2017.72-23.23%2023.74-43.13l.06-.13a8.6%208.6%200%200%200%20.46-1.61A158.5%20158.5%200%200%200%2080%2080a48%2048%200%200%201%2096%200a158.4%20158.4%200%200%200%205.8%2043.92a8.6%208.6%200%200%200%20.46%201.61l.06.13c6%2019.9%2015.37%2033.86%2023.74%2043.13a97.3%2097.3%200%200%200%2014.69%2013.29c-1.59.15-3.18.31-4.75.46Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/snapchat-logo.svg?color=%231a73e8&size=48
