Home/Libraries/SVG Logos (Iconify)/cobalt

SVG Logos (Iconify)

Cobalt

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 256 294"><path fill="#818cf8" d="m197.244 224.288l9.345 16.182a2.397 2.397 0 0 1-.877 3.274l-4.817 2.782a2.357 2.357 0 0 1-3.219-.862l-9.35-16.193c-.615-1.065-1.935-1.456-3.046-.927a89.3 89.3 0 0 1-31.102 8.397c-1.232.1-2.186 1.104-2.186 2.339v18.618a2.36 2.36 0 0 1-2.361 2.36h-5.55a2.405 2.405 0 0 1-2.405-2.404v-18.576c0-1.228-.951-2.225-2.176-2.322a89.4 89.4 0 0 1-31.144-8.295c-1.13-.533-2.468-.135-3.093.947l-9.248 16.018a2.4 2.4 0 0 1-3.276.878l-4.812-2.78a2.36 2.36 0 0 1-.865-3.221l9.267-16.05c.624-1.08.297-2.438-.728-3.148a90.4 90.4 0 0 1-22.827-22.788c-.703-1.012-2.043-1.333-3.11-.717l-16.02 9.249a2.384 2.384 0 0 1-3.258-.873l-2.748-4.761a2.43 2.43 0 0 1 .89-3.322l15.968-9.22c1.067-.615 1.459-1.935.93-3.048a89.4 89.4 0 0 1-8.367-31.184c-.1-1.234-1.105-2.192-2.343-2.192H36.27a2.404 2.404 0 0 1-2.404-2.405v-5.556a2.354 2.354 0 0 1 2.355-2.355h18.46c1.258 0 2.278-.973 2.38-2.226a89.4 89.4 0 0 1 8.356-31.134c.532-1.122.138-2.454-.939-3.075l-15.972-9.224a2.41 2.41 0 0 1-.88-3.29l2.757-4.774a2.393 2.393 0 0 1 3.268-.876l16.015 9.249a2.34 2.34 0 0 0 3.103-.715a90.4 90.4 0 0 1 22.847-22.805c1.017-.704 1.341-2.05.722-3.121l-9.273-16.063a2.363 2.363 0 0 1 .865-3.227l4.813-2.78a2.394 2.394 0 0 1 3.27.877l9.262 16.044a2.35 2.35 0 0 0 3.058.936a89.4 89.4 0 0 1 31.149-8.304c1.234-.098 2.194-1.103 2.194-2.342V36.749a2.43 2.43 0 0 1 2.43-2.43h5.514a2.37 2.37 0 0 1 2.371 2.372v18.608c0 1.235.955 2.238 2.186 2.34a89.3 89.3 0 0 1 31.073 8.382c1.127.536 2.469.139 3.093-.943l9.329-16.153a2.366 2.366 0 0 1 3.233-.866l4.797 2.77a2.41 2.41 0 0 1 .88 3.289l-9.322 16.146c-.623 1.079-.3 2.436.722 3.147a91 91 0 0 1 12.763 10.72c2.917 2.949 7.559 3.275 10.74.614l31.822-26.618c3.303-2.761 3.614-7.741.678-10.888C225.402 16.603 183.868-1.792 138.094.826C68.685 4.795 5.605 66.678.423 136.008C-6.014 222.13 61.955 294 146.71 294c41.819 0 79.538-17.51 106.26-45.584c3.524-3.702 3.108-9.646-.812-12.925l-31.38-26.247c-2.785-2.33-6.863-2.061-9.39.546a91 91 0 0 1-13.431 11.396a2.34 2.34 0 0 0-.714 3.102"/><path fill="#818cf8" d="M146.809 161.102c-7.866 0-14.243-6.377-14.243-14.243s6.377-14.243 14.243-14.243s14.243 6.377 14.243 14.243s-6.377 14.243-14.243 14.243m2.601-57.722c-20.074-1.167-37.403 11.274-43.658 28.95c-.386 1.092.1 2.31 1.103 2.888l16.612 9.592c1.578.91 1.578 3.187 0 4.098l-16.615 9.593c-1.001.578-1.486 1.794-1.101 2.884c5.982 16.91 22.099 29.028 41.058 29.028c24.755 0 44.687-20.652 43.505-45.667c-.989-20.92-19.997-40.15-40.904-41.366"/></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. CobaltIcon.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.