Mood Surprised Icon SVG

Mood Surprised


Mood surprised SVG Icon Code | Customize color

You can get svg icon mood surprised in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Mood surprised

Download

Svg Code

<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 8C6.44772 8 6 8.44772 6 9C6 9.55228 6.44772 10 7 10H8C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8H7Z" fill="black"/> <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 6H5V5H4V6ZM10 6H11V5H10V6ZM5 9C5 7.89543 5.89543 7 7 7H8C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11H7C5.89543 11 5 10.1046 5 9Z" fill="black"/> </svg>

Mood surprised

Download

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 d="M7 8C6.44772 8 6 8.44772 6 9C6 9.55228 6.44772 10 7 10H8C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8H7Z" fill="white"></path> <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 6H5V5H4V6ZM10 6H11V5H10V6ZM5 9C5 7.89543 5.89543 7 7 7H8C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11H7C5.89543 11 5 10.1046 5 9Z" fill="white"></path> </svg>

Mood surprised

Download

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 d="M7 8C6.44772 8 6 8.44772 6 9C6 9.55228 6.44772 10 7 10H8C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8H7Z" fill="red"></path> <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 6H5V5H4V6ZM10 6H11V5H10V6ZM5 9C5 7.89543 5.89543 7 7 7H8C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11H7C5.89543 11 5 10.1046 5 9Z" fill="red"></path> </svg>

Mood surprised

Download

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 d="M7 8C6.44772 8 6 8.44772 6 9C6 9.55228 6.44772 10 7 10H8C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8H7Z" fill="blue"></path> <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 6H5V5H4V6ZM10 6H11V5H10V6ZM5 9C5 7.89543 5.89543 7 7 7H8C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11H7C5.89543 11 5 10.1046 5 9Z" fill="blue"></path> </svg>

Mood surprised

Download

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 d="M7 8C6.44772 8 6 8.44772 6 9C6 9.55228 6.44772 10 7 10H8C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8H7Z" fill="#f3da35"></path> <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 6H5V5H4V6ZM10 6H11V5H10V6ZM5 9C5 7.89543 5.89543 7 7 7H8C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11H7C5.89543 11 5 10.1046 5 9Z" fill="#f3da35"></path> </svg>


Advance Editor

You can edit mood surprised as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?