Smiley Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Smiley 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/307411.svg" alt="Smiley icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307411.svg" alt="Smiley icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307411.svg" alt="Smiley icon" :width="24" :height="24" />
CSS background
.icon-smiley {
background-image: url('https://proicons.com/icon/307411.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M6.25 7.75C6.66421 7.75 7 7.41421 7 7C7 6.58579 6.66421 6.25 6.25 6.25C5.83579 6.25 5.5 6.58579 5.5 7C5.5 7.41421 5.83579 7.75 6.25 7.75ZM6.13646 9.66654C5.95229 9.46078 5.6362 9.44327 5.43043 9.62743C5.22467 9.8116 5.20716 10.1277 5.39132 10.3335C6.03148 11.0487 6.96337 11.5 8 11.5C9.03663 11.5 9.96851 11.0487 10.6087 10.3335C10.7928 10.1277 10.7753 9.8116 10.5696 9.62743C10.3638 9.44327 10.0477 9.46078 9.86353 9.66654C9.40505 10.1788 8.74037 10.5 8 10.5C7.25963 10.5 6.59494 10.1788 6.13646 9.66654ZM10.5 7C10.5 7.41421 10.1642 7.75 9.75 7.75C9.33579 7.75 9 7.41421 9 7C9 6.58579 9.33579 6.25 9.75 6.25C10.1642 6.25 10.5 6.58579 10.5 7ZM14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8ZM3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8Z"/></svg>
More from VS Code Codicons
View all
Smiley in other icon packs
Copied!