Home/Libraries/SVG Logos (Iconify)/chromatic

SVG Logos (Iconify)

Chromatic

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 101"><path fill="#818cf8" d="M392.073 34.317c9.9 0 17.35 5.45 17.35 17.317v23.728h-9.9l.292-5.74c-2.945 4.305-6.863 6.6-12.94 6.6c-8.136 0-14.806-3.73-14.806-12.723c0-8.33 6.865-11.959 16.179-12.057h11.276c0-6.412-2.942-9.09-8.234-9.09c-4.261 0-7.098 1.438-9.22 3.266l-7.151-4.029l-.1-.1c.063-.07.124-.146.186-.212c3.608-4.092 8.485-6.96 17.068-6.96m7.45 26.976v-3.157h-10.588c-4.314 0-7.158 1.533-7.158 5.076c0 3.442 2.746 5.258 7.843 5.258c5.786 0 9.904-2.775 9.904-7.177M504.075 63L512 67.466c-3.898 5.294-10.248 8.756-17.438 8.756c-11.857 0-21.464-9.383-21.464-20.955c0-11.57 9.607-20.951 21.464-20.951c7.18 0 13.51 3.448 17.413 8.723l-7.927 4.47a12.5 12.5 0 0 0-9.486-4.327c-6.827 0-12.38 5.421-12.38 12.084s5.553 12.086 12.38 12.086A12.48 12.48 0 0 0 504.074 63m-347.782 0l7.926 4.467c-3.898 5.294-10.248 8.756-17.438 8.756c-11.857 0-21.465-9.383-21.465-20.955c0-11.57 9.607-20.951 21.465-20.951c7.18 0 13.51 3.448 17.413 8.723l-7.927 4.47a12.5 12.5 0 0 0-9.486-4.327c-6.826 0-12.38 5.421-12.38 12.084s5.554 12.086 12.38 12.086A12.47 12.47 0 0 0 156.292 63m144.943-27.82h9.901l-.196 6.889c2.748-5.07 6.962-7.75 12.257-7.75c5.978 0 9.904 2.77 12.06 7.652c3.233-4.783 8.135-7.653 14.114-7.653c9.705 0 15.487 6.316 15.487 16.55v24.494h-9.898V51.825c0-5.55-2.062-8.612-7.746-8.612c-5.78 0-9.215 3.446-9.215 10.145v22.004H328.1V51.825c0-5.55-1.964-8.612-7.65-8.612c-5.884 0-9.314 3.446-9.314 10.145v22.004h-9.9V35.179zM171.377 11.935h9.898v30.322c2.65-4.973 7.553-7.94 13.733-7.94c9.11 0 15.388 6.316 15.388 17.224v23.82h-9.906V52.306c0-5.742-2.741-9.092-8.53-9.092c-6.468 0-10.685 3.829-10.685 10.336v21.81h-9.898zm100.532 22.382c11.862 0 21.468 9.38 21.468 20.952c0 11.57-9.606 20.955-21.468 20.955c-11.854 0-21.466-9.384-21.466-20.955s9.612-20.952 21.466-20.952m0 8.868c-6.823 0-12.38 5.42-12.38 12.084c0 6.662 5.557 12.086 12.38 12.086c6.835 0 12.39-5.424 12.39-12.086c0-6.665-5.555-12.086-12.39-12.084m-51.671-8.006h9.905l-.101 7.556c2.75-6.314 7.453-8.324 11.963-8.324c2.11 0 3.772.347 5.186.931c.557.227 1.722.774 2.856 1.602c0 0-1.373 1.666-2.58 3.693c-1.212 2.028-2.03 4.203-2.03 4.203c-1.569-.764-3.14-1.341-5.391-1.341c-5.883 0-9.903 3.348-9.903 12.345v19.518h-9.905zm234.227 40.243V35.179h10.016v40.243zm-1.57-55.86c0-3.64 3.043-6.325 6.577-6.325c3.536 0 6.58 2.685 6.58 6.325c0 3.831-3.044 6.419-6.58 6.419s-6.576-2.587-6.576-6.419m-29.519 42.256V43.323h-6.186V35.18h6.186V11.935h9.917V35.18h10.996v8.143h-10.996v18.684c0 4.6 1.572 5.943 4.123 5.943c2.359 0 3.83-1.056 4.909-1.918l4.714 6.516c-2.064 1.918-5.304 3.834-10.606 3.834c-7.754 0-13.058-3.833-13.057-14.564"/><circle cx="50.126" cy="50.126" r="50.126" fill="#818cf8"/><path fill="#818cf8" d="m61.905 73.179l-7.965-4.597L77.903 54.76a18 18 0 0 0 2.59-1.816c3.115 4.435 3.42 10.274.644 15.084a14.14 14.14 0 0 1-12.21 7.035c-2.454 0-4.88-.65-7.022-1.885zm-1.919 3.32a18 18 0 0 0 2.87 1.337c-2.287 4.91-7.195 8.094-12.754 8.094c-7.76 0-14.077-6.31-14.077-14.065V44.219l12.158 7.017v17.347c0 .685.366 1.318.96 1.66zm-28.673-1.438a14.13 14.13 0 0 1-12.203-7.03a13.96 13.96 0 0 1-1.404-10.674a13.97 13.97 0 0 1 6.559-8.543l7.962-4.595l.002 27.641q-.001 1.592.275 3.155a15 15 0 0 1-1.19.046M62.3 40.898L50.145 47.91l-15.038-8.673a1.92 1.92 0 0 0-1.918 0l-10.844 6.255a17.7 17.7 0 0 0-2.592 1.815c-3.112-4.434-3.417-10.275-.643-15.084a14.14 14.14 0 0 1 12.208-7.037c2.453 0 4.881.654 7.022 1.888zM50.102 14.322c7.764 0 14.077 6.31 14.077 14.068v9.19L40.224 23.76a18 18 0 0 0-2.874-1.34c2.286-4.913 7.196-8.098 12.752-8.098m31.034 17.905c3.879 6.718 1.568 15.338-5.155 19.216l-23.959 13.82V51.239l15.037-8.675c.594-.343.96-.975.96-1.66V28.39c0-1.056-.095-2.109-.276-3.146a14.13 14.13 0 0 1 13.393 6.983"/></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. ChromaticIcon.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.