Heroui Icon
Free SVG icon from the Simple Icons collection. Download or copy for use in any project.
The Heroui icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/314651.svg" alt="Heroui icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/314651.svg" alt="Heroui icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/314651.svg" alt="Heroui icon" :width="24" :height="24" />
CSS background
.icon-heroui {
background-image: url('https://proicons.com/icon/314651.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<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>
More from Simple Icons
View all
Copied!