Home/Libraries/Phosphor (Iconify)/snapchat-logo-light

Phosphor (Iconify)

SnapchatLogoLight

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SnapchatLogoLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.