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

Phosphor (Iconify)

SnapchatLogoBold

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="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>

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. SnapchatLogoBoldIcon.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.