snapchat logo icon
snapchat-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- snapchat-logo-bold
- Set
- Phosphor
- Style
- Bold
- 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="M251.75 181.48a11.88 11.88 0 0 0-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12 12 0 1 0-8.91-22.28l-13.35 5.34A150 150 0 0 1 196 80a68 68 0 0 0-136 0a151 151 0 0 1-2.18 26.23l-13.36-5.34a12 12 0 1 0-8.91 22.28l15.68 6.27C37.74 162.46 13.31 172.09 12 172.6a12 12 0 0 0-4.17 20.05c8.09 7.6 19.85 8.76 30.23 9.79c5.62.55 12 1.18 14.85 2.75c2.59 1.42 5.94 6 8.9 10.07c5.51 7.56 12.38 17 23.47 19.8c10.23 2.61 20.11-.75 28.82-3.72c5-1.7 10.17-3.46 13.92-3.46s8.92 1.76 13.92 3.46c6.51 2.22 13.67 4.66 21.15 4.66a31 31 0 0 0 7.67-.94c11.09-2.84 18-12.24 23.47-19.8c3-4 6.31-8.65 8.9-10.07c2.85-1.57 9.23-2.2 14.85-2.75c10.38-1 22.14-2.19 30.23-9.79a12 12 0 0 0 3.54-11.17m-60.22 2.68c-7.27 4-12.29 10.88-16.72 17c-3.25 4.45-7.3 10-10 10.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12 2.52-21.65 4.75c-5.82 2-11.84 4-15.14 3.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105 105 0 0 0 7.63-7.62c8.64-9.57 18.29-24 24.52-44.4a.14.14 0 0 0 0-.06a11.2 11.2 0 0 0 .63-2.13A162.6 162.6 0 0 0 84 80a44 44 0 0 1 88 0a162.6 162.6 0 0 0 5.92 44.88a12.6 12.6 0 0 0 .63 2.13a.14.14 0 0 0 0 .06c6.23 20.44 15.88 34.83 24.52 44.4a105 105 0 0 0 7.63 7.62c-6.7.73-13.41 1.91-19.17 5.07"/></svg>
React
import type { SVGProps } from "react";
export function PhSnapchatLogoBold(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="M251.75 181.48a11.88 11.88 0 0 0-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12 12 0 1 0-8.91-22.28l-13.35 5.34A150 150 0 0 1 196 80a68 68 0 0 0-136 0a151 151 0 0 1-2.18 26.23l-13.36-5.34a12 12 0 1 0-8.91 22.28l15.68 6.27C37.74 162.46 13.31 172.09 12 172.6a12 12 0 0 0-4.17 20.05c8.09 7.6 19.85 8.76 30.23 9.79c5.62.55 12 1.18 14.85 2.75c2.59 1.42 5.94 6 8.9 10.07c5.51 7.56 12.38 17 23.47 19.8c10.23 2.61 20.11-.75 28.82-3.72c5-1.7 10.17-3.46 13.92-3.46s8.92 1.76 13.92 3.46c6.51 2.22 13.67 4.66 21.15 4.66a31 31 0 0 0 7.67-.94c11.09-2.84 18-12.24 23.47-19.8c3-4 6.31-8.65 8.9-10.07c2.85-1.57 9.23-2.2 14.85-2.75c10.38-1 22.14-2.19 30.23-9.79a12 12 0 0 0 3.54-11.17m-60.22 2.68c-7.27 4-12.29 10.88-16.72 17c-3.25 4.45-7.3 10-10 10.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12 2.52-21.65 4.75c-5.82 2-11.84 4-15.14 3.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105 105 0 0 0 7.63-7.62c8.64-9.57 18.29-24 24.52-44.4a.14.14 0 0 0 0-.06a11.2 11.2 0 0 0 .63-2.13A162.6 162.6 0 0 0 84 80a44 44 0 0 1 88 0a162.6 162.6 0 0 0 5.92 44.88a12.6 12.6 0 0 0 .63 2.13a.14.14 0 0 0 0 .06c6.23 20.44 15.88 34.83 24.52 44.4a105 105 0 0 0 7.63 7.62c-6.7.73-13.41 1.91-19.17 5.07"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251.75 181.48a11.88 11.88 0 0 0-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12 12 0 1 0-8.91-22.28l-13.35 5.34A150 150 0 0 1 196 80a68 68 0 0 0-136 0a151 151 0 0 1-2.18 26.23l-13.36-5.34a12 12 0 1 0-8.91 22.28l15.68 6.27C37.74 162.46 13.31 172.09 12 172.6a12 12 0 0 0-4.17 20.05c8.09 7.6 19.85 8.76 30.23 9.79c5.62.55 12 1.18 14.85 2.75c2.59 1.42 5.94 6 8.9 10.07c5.51 7.56 12.38 17 23.47 19.8c10.23 2.61 20.11-.75 28.82-3.72c5-1.7 10.17-3.46 13.92-3.46s8.92 1.76 13.92 3.46c6.51 2.22 13.67 4.66 21.15 4.66a31 31 0 0 0 7.67-.94c11.09-2.84 18-12.24 23.47-19.8c3-4 6.31-8.65 8.9-10.07c2.85-1.57 9.23-2.2 14.85-2.75c10.38-1 22.14-2.19 30.23-9.79a12 12 0 0 0 3.54-11.17m-60.22 2.68c-7.27 4-12.29 10.88-16.72 17c-3.25 4.45-7.3 10-10 10.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12 2.52-21.65 4.75c-5.82 2-11.84 4-15.14 3.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105 105 0 0 0 7.63-7.62c8.64-9.57 18.29-24 24.52-44.4a.14.14 0 0 0 0-.06a11.2 11.2 0 0 0 .63-2.13A162.6 162.6 0 0 0 84 80a44 44 0 0 1 88 0a162.6 162.6 0 0 0 5.92 44.88a12.6 12.6 0 0 0 .63 2.13a.14.14 0 0 0 0 .06c6.23 20.44 15.88 34.83 24.52 44.4a105 105 0 0 0 7.63 7.62c-6.7.73-13.41 1.91-19.17 5.07"/></svg> </template>
CSS
.icon-snapchat-logo-bold {
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%22M251.75%20181.48a11.88%2011.88%200%200%200-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12%2012%200%201%200-8.91-22.28l-13.35%205.34A150%20150%200%200%201%20196%2080a68%2068%200%200%200-136%200a151%20151%200%200%201-2.18%2026.23l-13.36-5.34a12%2012%200%201%200-8.91%2022.28l15.68%206.27C37.74%20162.46%2013.31%20172.09%2012%20172.6a12%2012%200%200%200-4.17%2020.05c8.09%207.6%2019.85%208.76%2030.23%209.79c5.62.55%2012%201.18%2014.85%202.75c2.59%201.42%205.94%206%208.9%2010.07c5.51%207.56%2012.38%2017%2023.47%2019.8c10.23%202.61%2020.11-.75%2028.82-3.72c5-1.7%2010.17-3.46%2013.92-3.46s8.92%201.76%2013.92%203.46c6.51%202.22%2013.67%204.66%2021.15%204.66a31%2031%200%200%200%207.67-.94c11.09-2.84%2018-12.24%2023.47-19.8c3-4%206.31-8.65%208.9-10.07c2.85-1.57%209.23-2.2%2014.85-2.75c10.38-1%2022.14-2.19%2030.23-9.79a12%2012%200%200%200%203.54-11.17m-60.22%202.68c-7.27%204-12.29%2010.88-16.72%2017c-3.25%204.45-7.3%2010-10%2010.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12%202.52-21.65%204.75c-5.82%202-11.84%204-15.14%203.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105%20105%200%200%200%207.63-7.62c8.64-9.57%2018.29-24%2024.52-44.4a.14.14%200%200%200%200-.06a11.2%2011.2%200%200%200%20.63-2.13A162.6%20162.6%200%200%200%2084%2080a44%2044%200%200%201%2088%200a162.6%20162.6%200%200%200%205.92%2044.88a12.6%2012.6%200%200%200%20.63%202.13a.14.14%200%200%200%200%20.06c6.23%2020.44%2015.88%2034.83%2024.52%2044.4a105%20105%200%200%200%207.63%207.62c-6.7.73-13.41%201.91-19.17%205.07%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%22M251.75%20181.48a11.88%2011.88%200%200%200-7.66-8.84c-1.42-.54-25.86-10.18-39.35-43.23l15.68-6.27a12%2012%200%201%200-8.91-22.28l-13.35%205.34A150%20150%200%200%201%20196%2080a68%2068%200%200%200-136%200a151%20151%200%200%201-2.18%2026.23l-13.36-5.34a12%2012%200%201%200-8.91%2022.28l15.68%206.27C37.74%20162.46%2013.31%20172.09%2012%20172.6a12%2012%200%200%200-4.17%2020.05c8.09%207.6%2019.85%208.76%2030.23%209.79c5.62.55%2012%201.18%2014.85%202.75c2.59%201.42%205.94%206%208.9%2010.07c5.51%207.56%2012.38%2017%2023.47%2019.8c10.23%202.61%2020.11-.75%2028.82-3.72c5-1.7%2010.17-3.46%2013.92-3.46s8.92%201.76%2013.92%203.46c6.51%202.22%2013.67%204.66%2021.15%204.66a31%2031%200%200%200%207.67-.94c11.09-2.84%2018-12.24%2023.47-19.8c3-4%206.31-8.65%208.9-10.07c2.85-1.57%209.23-2.2%2014.85-2.75c10.38-1%2022.14-2.19%2030.23-9.79a12%2012%200%200%200%203.54-11.17m-60.22%202.68c-7.27%204-12.29%2010.88-16.72%2017c-3.25%204.45-7.3%2010-10%2010.7c-3.3.85-9.32-1.2-15.14-3.18c-6.53-2.23-13.93-4.75-21.65-4.75s-15.12%202.52-21.65%204.75c-5.82%202-11.84%204-15.14%203.18c-2.74-.7-6.79-6.25-10-10.7c-4.43-6.07-9.45-13-16.72-17c-5.75-3.17-12.44-4.34-19.16-5.1a105%20105%200%200%200%207.63-7.62c8.64-9.57%2018.29-24%2024.52-44.4a.14.14%200%200%200%200-.06a11.2%2011.2%200%200%200%20.63-2.13A162.6%20162.6%200%200%200%2084%2080a44%2044%200%200%201%2088%200a162.6%20162.6%200%200%200%205.92%2044.88a12.6%2012.6%200%200%200%20.63%202.13a.14.14%200%200%200%200%20.06c6.23%2020.44%2015.88%2034.83%2024.52%2044.4a105%20105%200%200%200%207.63%207.62c-6.7.73-13.41%201.91-19.17%205.07%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/snapchat-logo-bold.svg?color=%231a73e8&size=48
