Home/Libraries/SVG Logos (Iconify)/stytch

SVG Logos (Iconify)

Stytch

License: CC0-1.0Commercial 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 512 96"><path fill="#818cf8" d="M30.724 78.139a30.4 30.4 0 0 0 7.214-.722a13.3 13.3 0 0 0 4.508-1.995a6.6 6.6 0 0 0 2.39-2.975c.48-1.24.724-2.559.72-3.888a8.9 8.9 0 0 0-4.237-7.484q-4.238-2.93-14.573-6.368a108 108 0 0 1-9.017-3.652a33.1 33.1 0 0 1-8.092-5.162a24.8 24.8 0 0 1-5.816-7.551a23.7 23.7 0 0 1-2.254-10.787a26.7 26.7 0 0 1 2.378-11.45a24.66 24.66 0 0 1 6.762-8.68a30.9 30.9 0 0 1 10.606-5.488A47.3 47.3 0 0 1 35.357.009a57.4 57.4 0 0 1 16.027 1.984a58 58 0 0 1 11.124 4.373l-5.962 16.287a56.4 56.4 0 0 0-8.543-3.506a37 37 0 0 0-11.271-1.521q-7.428 0-10.663 2.051a6.91 6.91 0 0 0-3.246 6.29a7.22 7.22 0 0 0 1.15 4.27a11.4 11.4 0 0 0 3.381 3.111a29.7 29.7 0 0 0 5.027 2.525q2.852 1.127 6.3 2.31q7.157 2.65 12.455 5.23a33.1 33.1 0 0 1 8.779 5.985a21.8 21.8 0 0 1 5.24 8.07a32.7 32.7 0 0 1 1.726 11.27q0 12.85-9.017 19.927q-9.015 7.08-27.14 7.09a75 75 0 0 1-10.989-.733a70 70 0 0 1-8.678-1.792a50 50 0 0 1-6.492-2.254c-1.804-.8-3.382-1.544-4.565-2.254L5.827 72.3a52.4 52.4 0 0 0 10.144 4.047a53 53 0 0 0 14.753 1.792M151.604 1.36v18.157h-27.84V94.56h-20.58V19.52H74.139V1.36zm96.05-.005c-2.255 4.509-26.487 48.025-32.484 57.47v35.639h-20.49V58.826l.03-.06l.09-.178c1.88-3.761 25.456-50.902 29.026-57.232Zm-61.528-.064L200 28.398L188.73 48.81a3576 3576 0 0 1-13.03-22.922l-.794-1.412c-5.157-9.177-10.196-18.289-12.675-23.184zm150.172.07v18.156h-27.783V94.56h-20.637V19.52h-29.045V1.36zm52.872 94.46q-21.674 0-33.012-12.399q-11.338-12.397-11.35-35.322a55.7 55.7 0 0 1 3.46-20.288a43.95 43.95 0 0 1 9.49-15.069a39.45 39.45 0 0 1 14.359-9.31A50.3 50.3 0 0 1 390.15.257a57 57 0 0 1 10.257.857c2.732.497 5.43 1.16 8.081 1.984a39 39 0 0 1 5.805 2.344a58 58 0 0 1 3.38 1.848l-5.77 16.647a48.4 48.4 0 0 0-9.546-3.832a44.2 44.2 0 0 0-12.398-1.589a26.6 26.6 0 0 0-9.017 1.59a20.6 20.6 0 0 0-7.82 5.094a25.4 25.4 0 0 0-5.445 9.016a39.2 39.2 0 0 0-2.052 13.525a50 50 0 0 0 1.297 11.8a25.5 25.5 0 0 0 4.362 9.446a21 21 0 0 0 7.889 6.278a27.2 27.2 0 0 0 11.79 2.31a52.6 52.6 0 0 0 13.975-1.792c1.62-.409 3.205-.94 4.746-1.59a293 293 0 0 0 3.719-1.724l5.567 16.478a46 46 0 0 1-11.925 4.757a67.5 67.5 0 0 1-17.875 2.118M490.212 1.494H512v93.233h-21.788V54.772h-35.107v39.956h-20.592V1.495h20.592v35.109h35.107z"/></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. StytchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.