<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HeroUI</title><path d="M6.353 0h11.294A6.353 6.353 0 0 1 24 6.353v11.294A6.353 6.353 0 0 1 17.647 24H6.353A6.353 6.353 0 0 1 0 17.647V6.353A6.353 6.353 0 0 1 6.353 0Zm7.755 6.913h-.933v6.702a2.88 2.88 0 0 1-.362 1.45c-.24.424-.596.77-1.025 1-.443.244-.96.365-1.553.365-.592 0-1.108-.121-1.55-.364a2.603 2.603 0 0 1-1.024-1 2.865 2.865 0 0 1-.365-1.45V6.912h-.933v6.767a3.558 3.558 0 0 0 .489 1.862c.327.547.798.994 1.362 1.292.582.316 1.256.474 2.021.474.769 0 1.444-.157 2.024-.471a3.473 3.473 0 0 0 1.36-1.293c.33-.565.5-1.21.49-1.864V6.913Zm3.648 10.22V6.914h-.933v10.22h.933Z"/></svg>
Browse all icons from this collection. Free for commercial use.
→ SEE ALL COLLECTIONCheckout other Heroui Vectors with different styles in SVG vector and icon library.
→ SEE MORE HEROUI VECTORSDownload the SVG file and add it directly to your HTML, or copy the inline code. This icon works with React (JSX), Vue, Svelte, Angular, and design tools like Figma, Sketch, and Adobe XD.
Yes. This icon is from the Icon collection (CC0 license). Use it in personal, commercial, client, and SaaS projects with no attribution required.
SVG, PNG (16px-512px), and JSX for React. All free to download.
Yes. As an SVG you can change stroke, fill, and dimensions via CSS or inline attributes. Use the customization panel to adjust before downloading.
See the "Heroui SVG Vectors" section for related icons in different styles, or browse the full Icon collection.