logo snapchat icon
logo-snapchat from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-snapchat
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-snapchat-outline, social-snapchat
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo snapchat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M496 347.21a190.3 190.3 0 0 1-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43c-6.9-14.63-2.64-18.59 11.86-24c14.18-5.27 29.8-7.72 36.86-23c5.89-12.76 1.13-27.76-10.41-35.49c-15.71-10.53-30.35-.21-46.62 2.07c3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92c-16.32-2.25-30.81-12.79-46.63-2.18c-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14c-14.48 28.4-39.26 45.74-69.84 51.56c-4 .76-22.31 2.87-31 3.65c0 9.28.52 16.78 1.63 21.73c2.94 13.06 12.32 23.58 23.69 30.1c11.18 6.4 35.48 6.43 41.68 15.51c3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0 0 15.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1c14.85 3.95 26.52 15.87 39.26 24c15.51 9.85 32.34 16.42 50.83 17.49c38.1 2.21 59.93-18.91 90.58-36.42c19.5-11.14 38.15-3.86 58.88-2.68c20.1 1.15 23.53-9.25 29.62-24.88a27.4 27.4 0 0 0 1.54-4.85a10.5 10.5 0 0 0 2.28-1.47c2-1.57 10.55-2.34 12.76-2.86c10.28-2.44 20.34-5.15 29.17-11.2c11.31-7.76 17.65-18.5 19.58-32.64a94 94 0 0 0 1.38-15.67M208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24s-16-10.74-16-24s7.16-24 16-24m103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 0 1-55.66-23.34a8 8 0 0 1 11.32-11.32A62.46 62.46 0 0 0 256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0 1 11.23 11.4M304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoSnapchat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M496 347.21a190.3 190.3 0 0 1-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43c-6.9-14.63-2.64-18.59 11.86-24c14.18-5.27 29.8-7.72 36.86-23c5.89-12.76 1.13-27.76-10.41-35.49c-15.71-10.53-30.35-.21-46.62 2.07c3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92c-16.32-2.25-30.81-12.79-46.63-2.18c-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14c-14.48 28.4-39.26 45.74-69.84 51.56c-4 .76-22.31 2.87-31 3.65c0 9.28.52 16.78 1.63 21.73c2.94 13.06 12.32 23.58 23.69 30.1c11.18 6.4 35.48 6.43 41.68 15.51c3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0 0 15.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1c14.85 3.95 26.52 15.87 39.26 24c15.51 9.85 32.34 16.42 50.83 17.49c38.1 2.21 59.93-18.91 90.58-36.42c19.5-11.14 38.15-3.86 58.88-2.68c20.1 1.15 23.53-9.25 29.62-24.88a27.4 27.4 0 0 0 1.54-4.85a10.5 10.5 0 0 0 2.28-1.47c2-1.57 10.55-2.34 12.76-2.86c10.28-2.44 20.34-5.15 29.17-11.2c11.31-7.76 17.65-18.5 19.58-32.64a94 94 0 0 0 1.38-15.67M208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24s-16-10.74-16-24s7.16-24 16-24m103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 0 1-55.66-23.34a8 8 0 0 1 11.32-11.32A62.46 62.46 0 0 0 256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0 1 11.23 11.4M304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M496 347.21a190.3 190.3 0 0 1-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43c-6.9-14.63-2.64-18.59 11.86-24c14.18-5.27 29.8-7.72 36.86-23c5.89-12.76 1.13-27.76-10.41-35.49c-15.71-10.53-30.35-.21-46.62 2.07c3.73-46.66 8.66-88.57-22.67-127.73C338.14 48.86 297.34 32 256.29 32s-81.86 16.86-107.81 49.33c-31.38 39.26-26.4 81.18-22.67 127.92c-16.32-2.25-30.81-12.79-46.63-2.18c-14.72 9.85-17 29.76-5.44 43s31.64 9.5 43.45 20.6c6.49 6.09 3.49 12.61-.35 20.14c-14.48 28.4-39.26 45.74-69.84 51.56c-4 .76-22.31 2.87-31 3.65c0 9.28.52 16.78 1.63 21.73c2.94 13.06 12.32 23.58 23.69 30.1c11.18 6.4 35.48 6.43 41.68 15.51c3 4.48 1.76 12.28 5.33 17.38a23.8 23.8 0 0 0 15.37 9.75c18.61 3.61 37.32-7.2 56.42-2.1c14.85 3.95 26.52 15.87 39.26 24c15.51 9.85 32.34 16.42 50.83 17.49c38.1 2.21 59.93-18.91 90.58-36.42c19.5-11.14 38.15-3.86 58.88-2.68c20.1 1.15 23.53-9.25 29.62-24.88a27.4 27.4 0 0 0 1.54-4.85a10.5 10.5 0 0 0 2.28-1.47c2-1.57 10.55-2.34 12.76-2.86c10.28-2.44 20.34-5.15 29.17-11.2c11.31-7.76 17.65-18.5 19.58-32.64a94 94 0 0 0 1.38-15.67M208 128c8.84 0 16 10.74 16 24s-7.16 24-16 24s-16-10.74-16-24s7.16-24 16-24m103.62 77.7c-15.25 15-35 23.3-55.62 23.3a78.37 78.37 0 0 1-55.66-23.34a8 8 0 0 1 11.32-11.32A62.46 62.46 0 0 0 256 213c16.39 0 32.15-6.64 44.39-18.7a8 8 0 0 1 11.23 11.4M304 176c-8.84 0-16-10.75-16-24s7.16-24 16-24s16 10.75 16 24s-7.16 24-16 24"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M496%20347.21a190.3%20190.3%200%200%201-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43c-6.9-14.63-2.64-18.59%2011.86-24c14.18-5.27%2029.8-7.72%2036.86-23c5.89-12.76%201.13-27.76-10.41-35.49c-15.71-10.53-30.35-.21-46.62%202.07c3.73-46.66%208.66-88.57-22.67-127.73C338.14%2048.86%20297.34%2032%20256.29%2032s-81.86%2016.86-107.81%2049.33c-31.38%2039.26-26.4%2081.18-22.67%20127.92c-16.32-2.25-30.81-12.79-46.63-2.18c-14.72%209.85-17%2029.76-5.44%2043s31.64%209.5%2043.45%2020.6c6.49%206.09%203.49%2012.61-.35%2020.14c-14.48%2028.4-39.26%2045.74-69.84%2051.56c-4%20.76-22.31%202.87-31%203.65c0%209.28.52%2016.78%201.63%2021.73c2.94%2013.06%2012.32%2023.58%2023.69%2030.1c11.18%206.4%2035.48%206.43%2041.68%2015.51c3%204.48%201.76%2012.28%205.33%2017.38a23.8%2023.8%200%200%200%2015.37%209.75c18.61%203.61%2037.32-7.2%2056.42-2.1c14.85%203.95%2026.52%2015.87%2039.26%2024c15.51%209.85%2032.34%2016.42%2050.83%2017.49c38.1%202.21%2059.93-18.91%2090.58-36.42c19.5-11.14%2038.15-3.86%2058.88-2.68c20.1%201.15%2023.53-9.25%2029.62-24.88a27.4%2027.4%200%200%200%201.54-4.85a10.5%2010.5%200%200%200%202.28-1.47c2-1.57%2010.55-2.34%2012.76-2.86c10.28-2.44%2020.34-5.15%2029.17-11.2c11.31-7.76%2017.65-18.5%2019.58-32.64a94%2094%200%200%200%201.38-15.67M208%20128c8.84%200%2016%2010.74%2016%2024s-7.16%2024-16%2024s-16-10.74-16-24s7.16-24%2016-24m103.62%2077.7c-15.25%2015-35%2023.3-55.62%2023.3a78.37%2078.37%200%200%201-55.66-23.34a8%208%200%200%201%2011.32-11.32A62.46%2062.46%200%200%200%20256%20213c16.39%200%2032.15-6.64%2044.39-18.7a8%208%200%200%201%2011.23%2011.4M304%20176c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M496%20347.21a190.3%20190.3%200%200%201-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43c-6.9-14.63-2.64-18.59%2011.86-24c14.18-5.27%2029.8-7.72%2036.86-23c5.89-12.76%201.13-27.76-10.41-35.49c-15.71-10.53-30.35-.21-46.62%202.07c3.73-46.66%208.66-88.57-22.67-127.73C338.14%2048.86%20297.34%2032%20256.29%2032s-81.86%2016.86-107.81%2049.33c-31.38%2039.26-26.4%2081.18-22.67%20127.92c-16.32-2.25-30.81-12.79-46.63-2.18c-14.72%209.85-17%2029.76-5.44%2043s31.64%209.5%2043.45%2020.6c6.49%206.09%203.49%2012.61-.35%2020.14c-14.48%2028.4-39.26%2045.74-69.84%2051.56c-4%20.76-22.31%202.87-31%203.65c0%209.28.52%2016.78%201.63%2021.73c2.94%2013.06%2012.32%2023.58%2023.69%2030.1c11.18%206.4%2035.48%206.43%2041.68%2015.51c3%204.48%201.76%2012.28%205.33%2017.38a23.8%2023.8%200%200%200%2015.37%209.75c18.61%203.61%2037.32-7.2%2056.42-2.1c14.85%203.95%2026.52%2015.87%2039.26%2024c15.51%209.85%2032.34%2016.42%2050.83%2017.49c38.1%202.21%2059.93-18.91%2090.58-36.42c19.5-11.14%2038.15-3.86%2058.88-2.68c20.1%201.15%2023.53-9.25%2029.62-24.88a27.4%2027.4%200%200%200%201.54-4.85a10.5%2010.5%200%200%200%202.28-1.47c2-1.57%2010.55-2.34%2012.76-2.86c10.28-2.44%2020.34-5.15%2029.17-11.2c11.31-7.76%2017.65-18.5%2019.58-32.64a94%2094%200%200%200%201.38-15.67M208%20128c8.84%200%2016%2010.74%2016%2024s-7.16%2024-16%2024s-16-10.74-16-24s7.16-24%2016-24m103.62%2077.7c-15.25%2015-35%2023.3-55.62%2023.3a78.37%2078.37%200%200%201-55.66-23.34a8%208%200%200%201%2011.32-11.32A62.46%2062.46%200%200%200%20256%20213c16.39%200%2032.15-6.64%2044.39-18.7a8%208%200%200%201%2011.23%2011.4M304%20176c-8.84%200-16-10.75-16-24s7.16-24%2016-24s16%2010.75%2016%2024s-7.16%2024-16%2024%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-snapchat.svg?color=%231a73e8&size=48
