Face Very Happy Icon SVG
Face Very Happy
Face very happy SVG Icon Code | Customize color
You can get svg icon face very happy in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M8 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M16 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M12 18C14.2091 18 16 16.2091 16 14H8C8 16.2091 9.79086 18 12 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" stroke-linecap="round"></circle> <path d="M8 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="white"></path> <path d="M16 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="white"></path> <path d="M12 18C14.2091 18 16 16.2091 16 14H8C8 16.2091 9.79086 18 12 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" stroke-linecap="round"></circle> <path d="M8 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="red"></path> <path d="M16 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="red"></path> <path d="M12 18C14.2091 18 16 16.2091 16 14H8C8 16.2091 9.79086 18 12 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" stroke-linecap="round"></circle> <path d="M8 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="blue"></path> <path d="M16 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="blue"></path> <path d="M12 18C14.2091 18 16 16.2091 16 14H8C8 16.2091 9.79086 18 12 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" stroke-linecap="round"></circle> <path d="M8 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="#f3da35"></path> <path d="M16 9.05001V8.95001" stroke="black" stroke-width="2" stroke-linecap="round" fill="#f3da35"></path> <path d="M12 18C14.2091 18 16 16.2091 16 14H8C8 16.2091 9.79086 18 12 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit face very happy as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements