Mood Frown Icon SVG
Mood Frown
Mood frown SVG Icon Code | Customize color
You can get svg icon mood frown in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM4 6H5V5H4V6ZM5.8209 11.0349C7.12453 10.2188 8.65322 9.83658 10.1876 9.94325L10.6864 9.97792L10.7557 8.98033L10.2569 8.94566C8.51175 8.82433 6.77301 9.25902 5.29025 10.1873L4.86646 10.4526L5.3971 11.3002L5.8209 11.0349ZM11 6H10V5H11V6Z" fill="black"/> </svg>
Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM4 6H5V5H4V6ZM5.8209 11.0349C7.12453 10.2188 8.65322 9.83658 10.1876 9.94325L10.6864 9.97792L10.7557 8.98033L10.2569 8.94566C8.51175 8.82433 6.77301 9.25902 5.29025 10.1873L4.86646 10.4526L5.3971 11.3002L5.8209 11.0349ZM11 6H10V5H11V6Z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM4 6H5V5H4V6ZM5.8209 11.0349C7.12453 10.2188 8.65322 9.83658 10.1876 9.94325L10.6864 9.97792L10.7557 8.98033L10.2569 8.94566C8.51175 8.82433 6.77301 9.25902 5.29025 10.1873L4.86646 10.4526L5.3971 11.3002L5.8209 11.0349ZM11 6H10V5H11V6Z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM4 6H5V5H4V6ZM5.8209 11.0349C7.12453 10.2188 8.65322 9.83658 10.1876 9.94325L10.6864 9.97792L10.7557 8.98033L10.2569 8.94566C8.51175 8.82433 6.77301 9.25902 5.29025 10.1873L4.86646 10.4526L5.3971 11.3002L5.8209 11.0349ZM11 6H10V5H11V6Z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM4 6H5V5H4V6ZM5.8209 11.0349C7.12453 10.2188 8.65322 9.83658 10.1876 9.94325L10.6864 9.97792L10.7557 8.98033L10.2569 8.94566C8.51175 8.82433 6.77301 9.25902 5.29025 10.1873L4.86646 10.4526L5.3971 11.3002L5.8209 11.0349ZM11 6H10V5H11V6Z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit mood frown as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements