snapchat logo icon
snapchat-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- snapchat-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M243.92 183.1a4 4 0 0 0-2.56-3c-.13 0-13.52-5-26.69-19.76a99.2 99.2 0 0 1-20-35.54l22.83-9.13a4 4 0 1 0-3-7.42l-22.08 8.83A149.8 149.8 0 0 1 188 80a60 60 0 0 0-120 0a150.3 150.3 0 0 1-4.43 37.15l-22.08-8.83a4 4 0 1 0-3 7.42l22.82 9.13a99.2 99.2 0 0 1-20 35.54c-13.18 14.73-26.56 19.71-26.69 19.76a4 4 0 0 0-1.39 6.68c6.12 5.73 16 6.71 25.55 7.65c6.7.67 13.64 1.35 17.92 3.71s7.73 7.18 11.51 12.36c5.25 7.2 10.69 14.65 19 16.77c7.92 2 16.23-.8 24.26-3.54c5.88-2 11.43-3.89 16.5-3.89s10.63 1.89 16.5 3.89c6.13 2.09 12.42 4.23 18.57 4.23a23 23 0 0 0 5.7-.69c8.31-2.12 13.74-9.57 19-16.77c3.79-5.18 7.36-10.08 11.51-12.36s11.22-3 17.93-3.71c9.55-.94 19.43-1.92 25.54-7.65a4 4 0 0 0 1.2-3.75m-27.51 3.41c-7.51.75-15.27 1.51-21 4.66s-10 9-14.12 14.66c-4.62 6.33-9 12.32-14.51 13.73s-12.46-.89-19.71-3.36c-6.23-2.12-12.68-4.32-19.08-4.32s-12.84 2.2-19.08 4.32c-7.24 2.47-14.09 4.8-19.7 3.36s-9.89-7.4-14.52-13.73c-4.13-5.66-8.41-11.52-14.11-14.66s-13.49-3.91-21-4.66c-5.26-.52-10.63-1-14.91-2.37A90.2 90.2 0 0 0 47 166.08c8.1-9 17.14-22.5 23-41.85a1.5 1.5 0 0 0 0-.23a3.8 3.8 0 0 0 .23-.91A154.1 154.1 0 0 0 76 80a52 52 0 0 1 104 0a154.1 154.1 0 0 0 5.74 43.13a3.4 3.4 0 0 0 .24.91c0 .08.07.14.1.22c5.81 19.35 14.86 32.88 23 41.85a90.2 90.2 0 0 0 22.27 18.06c-4.35 1.29-9.68 1.83-14.94 2.34"/></svg>
React
import type { SVGProps } from "react";
export function PhSnapchatLogoThin(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="M243.92 183.1a4 4 0 0 0-2.56-3c-.13 0-13.52-5-26.69-19.76a99.2 99.2 0 0 1-20-35.54l22.83-9.13a4 4 0 1 0-3-7.42l-22.08 8.83A149.8 149.8 0 0 1 188 80a60 60 0 0 0-120 0a150.3 150.3 0 0 1-4.43 37.15l-22.08-8.83a4 4 0 1 0-3 7.42l22.82 9.13a99.2 99.2 0 0 1-20 35.54c-13.18 14.73-26.56 19.71-26.69 19.76a4 4 0 0 0-1.39 6.68c6.12 5.73 16 6.71 25.55 7.65c6.7.67 13.64 1.35 17.92 3.71s7.73 7.18 11.51 12.36c5.25 7.2 10.69 14.65 19 16.77c7.92 2 16.23-.8 24.26-3.54c5.88-2 11.43-3.89 16.5-3.89s10.63 1.89 16.5 3.89c6.13 2.09 12.42 4.23 18.57 4.23a23 23 0 0 0 5.7-.69c8.31-2.12 13.74-9.57 19-16.77c3.79-5.18 7.36-10.08 11.51-12.36s11.22-3 17.93-3.71c9.55-.94 19.43-1.92 25.54-7.65a4 4 0 0 0 1.2-3.75m-27.51 3.41c-7.51.75-15.27 1.51-21 4.66s-10 9-14.12 14.66c-4.62 6.33-9 12.32-14.51 13.73s-12.46-.89-19.71-3.36c-6.23-2.12-12.68-4.32-19.08-4.32s-12.84 2.2-19.08 4.32c-7.24 2.47-14.09 4.8-19.7 3.36s-9.89-7.4-14.52-13.73c-4.13-5.66-8.41-11.52-14.11-14.66s-13.49-3.91-21-4.66c-5.26-.52-10.63-1-14.91-2.37A90.2 90.2 0 0 0 47 166.08c8.1-9 17.14-22.5 23-41.85a1.5 1.5 0 0 0 0-.23a3.8 3.8 0 0 0 .23-.91A154.1 154.1 0 0 0 76 80a52 52 0 0 1 104 0a154.1 154.1 0 0 0 5.74 43.13a3.4 3.4 0 0 0 .24.91c0 .08.07.14.1.22c5.81 19.35 14.86 32.88 23 41.85a90.2 90.2 0 0 0 22.27 18.06c-4.35 1.29-9.68 1.83-14.94 2.34"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243.92 183.1a4 4 0 0 0-2.56-3c-.13 0-13.52-5-26.69-19.76a99.2 99.2 0 0 1-20-35.54l22.83-9.13a4 4 0 1 0-3-7.42l-22.08 8.83A149.8 149.8 0 0 1 188 80a60 60 0 0 0-120 0a150.3 150.3 0 0 1-4.43 37.15l-22.08-8.83a4 4 0 1 0-3 7.42l22.82 9.13a99.2 99.2 0 0 1-20 35.54c-13.18 14.73-26.56 19.71-26.69 19.76a4 4 0 0 0-1.39 6.68c6.12 5.73 16 6.71 25.55 7.65c6.7.67 13.64 1.35 17.92 3.71s7.73 7.18 11.51 12.36c5.25 7.2 10.69 14.65 19 16.77c7.92 2 16.23-.8 24.26-3.54c5.88-2 11.43-3.89 16.5-3.89s10.63 1.89 16.5 3.89c6.13 2.09 12.42 4.23 18.57 4.23a23 23 0 0 0 5.7-.69c8.31-2.12 13.74-9.57 19-16.77c3.79-5.18 7.36-10.08 11.51-12.36s11.22-3 17.93-3.71c9.55-.94 19.43-1.92 25.54-7.65a4 4 0 0 0 1.2-3.75m-27.51 3.41c-7.51.75-15.27 1.51-21 4.66s-10 9-14.12 14.66c-4.62 6.33-9 12.32-14.51 13.73s-12.46-.89-19.71-3.36c-6.23-2.12-12.68-4.32-19.08-4.32s-12.84 2.2-19.08 4.32c-7.24 2.47-14.09 4.8-19.7 3.36s-9.89-7.4-14.52-13.73c-4.13-5.66-8.41-11.52-14.11-14.66s-13.49-3.91-21-4.66c-5.26-.52-10.63-1-14.91-2.37A90.2 90.2 0 0 0 47 166.08c8.1-9 17.14-22.5 23-41.85a1.5 1.5 0 0 0 0-.23a3.8 3.8 0 0 0 .23-.91A154.1 154.1 0 0 0 76 80a52 52 0 0 1 104 0a154.1 154.1 0 0 0 5.74 43.13a3.4 3.4 0 0 0 .24.91c0 .08.07.14.1.22c5.81 19.35 14.86 32.88 23 41.85a90.2 90.2 0 0 0 22.27 18.06c-4.35 1.29-9.68 1.83-14.94 2.34"/></svg> </template>
CSS
.icon-snapchat-logo-thin {
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%22M243.92%20183.1a4%204%200%200%200-2.56-3c-.13%200-13.52-5-26.69-19.76a99.2%2099.2%200%200%201-20-35.54l22.83-9.13a4%204%200%201%200-3-7.42l-22.08%208.83A149.8%20149.8%200%200%201%20188%2080a60%2060%200%200%200-120%200a150.3%20150.3%200%200%201-4.43%2037.15l-22.08-8.83a4%204%200%201%200-3%207.42l22.82%209.13a99.2%2099.2%200%200%201-20%2035.54c-13.18%2014.73-26.56%2019.71-26.69%2019.76a4%204%200%200%200-1.39%206.68c6.12%205.73%2016%206.71%2025.55%207.65c6.7.67%2013.64%201.35%2017.92%203.71s7.73%207.18%2011.51%2012.36c5.25%207.2%2010.69%2014.65%2019%2016.77c7.92%202%2016.23-.8%2024.26-3.54c5.88-2%2011.43-3.89%2016.5-3.89s10.63%201.89%2016.5%203.89c6.13%202.09%2012.42%204.23%2018.57%204.23a23%2023%200%200%200%205.7-.69c8.31-2.12%2013.74-9.57%2019-16.77c3.79-5.18%207.36-10.08%2011.51-12.36s11.22-3%2017.93-3.71c9.55-.94%2019.43-1.92%2025.54-7.65a4%204%200%200%200%201.2-3.75m-27.51%203.41c-7.51.75-15.27%201.51-21%204.66s-10%209-14.12%2014.66c-4.62%206.33-9%2012.32-14.51%2013.73s-12.46-.89-19.71-3.36c-6.23-2.12-12.68-4.32-19.08-4.32s-12.84%202.2-19.08%204.32c-7.24%202.47-14.09%204.8-19.7%203.36s-9.89-7.4-14.52-13.73c-4.13-5.66-8.41-11.52-14.11-14.66s-13.49-3.91-21-4.66c-5.26-.52-10.63-1-14.91-2.37A90.2%2090.2%200%200%200%2047%20166.08c8.1-9%2017.14-22.5%2023-41.85a1.5%201.5%200%200%200%200-.23a3.8%203.8%200%200%200%20.23-.91A154.1%20154.1%200%200%200%2076%2080a52%2052%200%200%201%20104%200a154.1%20154.1%200%200%200%205.74%2043.13a3.4%203.4%200%200%200%20.24.91c0%20.08.07.14.1.22c5.81%2019.35%2014.86%2032.88%2023%2041.85a90.2%2090.2%200%200%200%2022.27%2018.06c-4.35%201.29-9.68%201.83-14.94%202.34%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%22M243.92%20183.1a4%204%200%200%200-2.56-3c-.13%200-13.52-5-26.69-19.76a99.2%2099.2%200%200%201-20-35.54l22.83-9.13a4%204%200%201%200-3-7.42l-22.08%208.83A149.8%20149.8%200%200%201%20188%2080a60%2060%200%200%200-120%200a150.3%20150.3%200%200%201-4.43%2037.15l-22.08-8.83a4%204%200%201%200-3%207.42l22.82%209.13a99.2%2099.2%200%200%201-20%2035.54c-13.18%2014.73-26.56%2019.71-26.69%2019.76a4%204%200%200%200-1.39%206.68c6.12%205.73%2016%206.71%2025.55%207.65c6.7.67%2013.64%201.35%2017.92%203.71s7.73%207.18%2011.51%2012.36c5.25%207.2%2010.69%2014.65%2019%2016.77c7.92%202%2016.23-.8%2024.26-3.54c5.88-2%2011.43-3.89%2016.5-3.89s10.63%201.89%2016.5%203.89c6.13%202.09%2012.42%204.23%2018.57%204.23a23%2023%200%200%200%205.7-.69c8.31-2.12%2013.74-9.57%2019-16.77c3.79-5.18%207.36-10.08%2011.51-12.36s11.22-3%2017.93-3.71c9.55-.94%2019.43-1.92%2025.54-7.65a4%204%200%200%200%201.2-3.75m-27.51%203.41c-7.51.75-15.27%201.51-21%204.66s-10%209-14.12%2014.66c-4.62%206.33-9%2012.32-14.51%2013.73s-12.46-.89-19.71-3.36c-6.23-2.12-12.68-4.32-19.08-4.32s-12.84%202.2-19.08%204.32c-7.24%202.47-14.09%204.8-19.7%203.36s-9.89-7.4-14.52-13.73c-4.13-5.66-8.41-11.52-14.11-14.66s-13.49-3.91-21-4.66c-5.26-.52-10.63-1-14.91-2.37A90.2%2090.2%200%200%200%2047%20166.08c8.1-9%2017.14-22.5%2023-41.85a1.5%201.5%200%200%200%200-.23a3.8%203.8%200%200%200%20.23-.91A154.1%20154.1%200%200%200%2076%2080a52%2052%200%200%201%20104%200a154.1%20154.1%200%200%200%205.74%2043.13a3.4%203.4%200%200%200%20.24.91c0%20.08.07.14.1.22c5.81%2019.35%2014.86%2032.88%2023%2041.85a90.2%2090.2%200%200%200%2022.27%2018.06c-4.35%201.29-9.68%201.83-14.94%202.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/snapchat-logo-thin.svg?color=%231a73e8&size=48
