Smiling Face Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Smiling Face Svg 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/308812.svg" alt="Smiling Face Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308812.svg" alt="Smiling Face Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308812.svg" alt="Smiling Face Svg icon" :width="24" :height="24" />
CSS background
.icon-smiling-face---svg {
background-image: url('https://proicons.com/icon/308812.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM7.29289 10.7071C7.68342 11.0976 8.31658 11.0976 8.70711 10.7071L9 10.4142L9.29289 10.7071C9.68342 11.0976 10.3166 11.0976 10.7071 10.7071C11.0976 10.3166 11.0976 9.68342 10.7071 9.29289L9.70711 8.29289C9.51957 8.10536 9.26522 8 9 8C8.73478 8 8.48043 8.10536 8.29289 8.29289L7.29289 9.29289C6.90237 9.68342 6.90237 10.3166 7.29289 10.7071ZM15.2929 10.7071C15.6834 11.0976 16.3166 11.0976 16.7071 10.7071C17.0976 10.3166 17.0976 9.68342 16.7071 9.29289L15.7071 8.29289C15.5196 8.10536 15.2652 8 15 8C14.7348 8 14.4804 8.10536 14.2929 8.29289L13.2929 9.29289C12.9024 9.68342 12.9024 10.3166 13.2929 10.7071C13.6834 11.0976 14.3166 11.0976 14.7071 10.7071L15 10.4142L15.2929 10.7071ZM9.40076 13.4993C9.12422 13.0212 8.51249 12.8579 8.03443 13.1344C7.55637 13.4109 7.39301 14.0227 7.66955 14.5007C8.53256 15.9926 10.1481 17 12 17C13.852 17 15.4675 15.9926 16.3305 14.5007C16.607 14.0227 16.4437 13.4109 15.9656 13.1344C15.4876 12.8579 14.8758 13.0212 14.5993 13.4993C14.0791 14.3986 13.1092 15 12 15C10.8909 15 9.92099 14.3986 9.40076 13.4993Z" fill="#292929"/> </svg>
Copied!