IconSearch logoIconsearch
Home/Libraries/Sharp color icons (Iconify)/hot-spring-flat
← Back to Search
Sharp color icons (Iconify)

HotSpringFlat

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="#818cf8" d="M1 12h22v10H1z"/><path fill="#818cf8" fill-rule="evenodd" d="M11.835 1.252C10.444 2.49 10.023 3.99 10.08 5.505c.052 1.419.524 2.904.945 4.226l.023.072c.448 1.41.835 2.646.875 3.765c.039 1.046-.228 1.921-1.087 2.684l1.329 1.495c1.392-1.237 1.813-2.737 1.757-4.252c-.052-1.42-.524-2.904-.945-4.227l-.023-.071c-.449-1.41-.835-2.647-.876-3.765c-.038-1.047.229-1.922 1.087-2.685zM5.22 6.878c-.042-1.216.403-2.414 1.574-3.585l1.414 1.414c-.829.829-1.01 1.506-.989 2.102c.024.685.31 1.384.701 2.297l.03.07c.354.826.794 1.85.832 2.946c.041 1.216-.403 2.414-1.574 3.585l-1.414-1.414c.829-.829 1.01-1.506.989-2.102c-.024-.686-.31-1.384-.701-2.297l-.03-.071c-.355-.825-.794-1.85-.832-2.945m9.784 0c-.042-1.216.402-2.414 1.573-3.585l1.414 1.414c-.828.829-1.009 1.506-.988 2.102c.023.685.31 1.384.7 2.297l.03.07c.355.826.794 1.85.832 2.946c.042 1.216-.402 2.414-1.574 3.585l-1.414-1.414c.829-.829 1.01-1.506.99-2.102c-.024-.686-.31-1.384-.702-2.297l-.03-.071c-.354-.825-.793-1.85-.831-2.945" clip-rule="evenodd"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. HotSpringFlatIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.

Related Icons in Sharp color icons (Iconify)

Browse all Sharp color icons (Iconify) icons →
3d-move
3d-move
3d-move-flat
3d-move-flat
3d-rotate-y-axis
3d-rotate-y-axis
3d-rotate-y-axis-flat
3d-rotate-y-axis-flat
3d-scale
3d-scale
3d-scale-flat
3d-scale-flat
add-pdf
add-pdf
add-pdf-flat
add-pdf-flat
ai-edit-robot
ai-edit-robot
ai-edit-robot-flat
ai-edit-robot-flat
ai-folder-robot
ai-folder-robot
ai-folder-robot-flat
ai-folder-robot-flat