Home/Libraries/SVG Logos (Iconify)/keen

SVG Logos (Iconify)

Keen

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 111"><path fill="#818cf8" d="m51.554 63.039l6.075 10.52l-15.156 26.31h78.896l6.04 10.461H24.173z"/><path fill="#818cf8" d="m51.608 20.943l27.264 47.36H66.726L51.567 42.047L12.031 110.33H0z"/><path fill="#818cf8" d="M115.303 89.362H60.65l6.08-10.552h30.314L57.678 10.43L63.698 0z"/><path fill="#818cf8" d="m212.144 81.164l-25.712-31.711l23.88-23.69c1.033-1.03 1.535-2.133 1.535-3.37c0-2.505-2.151-4.7-4.603-4.7c-1.611 0-2.697.764-3.674 1.634L165.739 58.11V22.49a4.806 4.806 0 0 0-4.8-4.799c-2.55 0-4.707 2.198-4.707 4.8V84.56c0 2.603 2.156 4.801 4.708 4.801a4.805 4.805 0 0 0 4.799-4.801V69.943l13.947-13.945l25.077 31.23c.991 1.416 2.288 2.135 3.856 2.135c2.604 0 4.804-2.199 4.804-4.801c0-1.555-.61-2.546-1.28-3.398m54.381-19.36c0-13.256-8.418-26.676-24.508-26.676c-14.185 0-25.297 12.017-25.297 27.361v.198c0 15.602 11.298 27.366 26.28 27.366c7.987 0 14.096-2.445 19.783-7.898c.951-.833 1.476-1.937 1.476-3.11c0-2.268-1.89-4.113-4.212-4.113c-1.264 0-2.158.62-2.754 1.115c-4.212 3.878-8.691 5.685-14.096 5.685c-8.946 0-15.66-6.196-16.96-15.52h35.881a4.414 4.414 0 0 0 4.407-4.408m-24.704-18.55c9.913 0 14.366 7.898 15.3 15.617h-30.884c1.28-9.245 7.582-15.616 15.584-15.616m80.565 18.55c0-13.256-8.419-26.676-24.509-26.676c-14.182 0-25.293 12.017-25.293 27.361v.198c0 15.602 11.298 27.366 26.277 27.366c7.985 0 14.094-2.445 19.782-7.9c.951-.831 1.474-1.935 1.474-3.108c0-2.268-1.89-4.113-4.214-4.113c-1.262 0-2.156.62-2.752 1.115c-4.212 3.878-8.69 5.685-14.095 5.685c-8.942 0-15.655-6.196-16.96-15.52h35.88a4.416 4.416 0 0 0 4.41-4.408m-24.705-18.55c9.91 0 14.362 7.898 15.3 15.617h-30.885c1.281-9.245 7.582-15.616 15.585-15.616m59.8-8.126c-6.927 0-12.491 2.695-16.578 8.024v-2.726c0-2.64-2.065-4.708-4.702-4.708c-2.538 0-4.604 2.111-4.604 4.708V84.66c0 2.637 2.065 4.702 4.702 4.702c2.624 0 4.604-2.022 4.604-4.702V58.846c0-8.888 5.925-15.096 14.41-15.096c8.28 0 13.224 5.423 13.224 14.503V84.66c0 2.637 2.067 4.702 4.707 4.702c2.585 0 4.61-2.065 4.61-4.702V56.384c0-12.912-7.997-21.256-20.373-21.256m66.103-17.436c-2.55 0-4.703 2.197-4.703 4.799v62.07c0 2.602 2.154 4.8 4.703 4.8a4.807 4.807 0 0 0 4.803-4.8V22.49c0-2.646-2.155-4.8-4.803-4.8m52.479-.69c-20.26 0-36.13 16.044-36.13 36.524v.197c0 20.713 15.449 36.33 35.934 36.33C496.129 90.053 512 74.01 512 53.526v-.195c0-20.711-15.45-36.329-35.937-36.329m26.134 36.524v.197c0 15.63-11.236 27.416-26.134 27.416c-15.008 0-26.325-11.872-26.325-27.613v-.196c0-15.628 11.233-27.413 26.129-27.413c14.764 0 26.33 12.127 26.33 27.609"/></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. KeenIcon.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.