face smiling icon
face-smiling from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- face-smiling
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the face smiling icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-3.984q-4.149 0-7.757-1.547a20 20 0 0 1-6.34-4.277a19.9 19.9 0 0 1-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148 1.535-7.757a20.1 20.1 0 0 1 4.253-6.352a19.7 19.7 0 0 1 6.328-4.277q3.61-1.535 7.757-1.535q4.149 0 7.758 1.535a19.9 19.9 0 0 1 6.351 4.277a20.1 20.1 0 0 1 4.289 6.352q1.547 3.608 1.547 7.757t-1.535 7.757a19.9 19.9 0 0 1-4.266 6.34a20 20 0 0 1-6.351 4.277q-3.621 1.547-7.77 1.547m-.024-8.18q2.438 0 4.29-.878q1.85-.879 2.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82 0 0 0-.715 0q-1.266.703-2.918 1.348q-1.651.644-4.207.644t-4.206-.644a26 26 0 0 1-2.942-1.348q-.375-.165-.703 0t-.328.586q0 .773 1.02 1.91t2.87 2.016t4.29.878m-6.96-13.827q1.125 0 1.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1 0-1.92.914q-.822.915-.821 2.32q0 1.406.82 2.309q.82.902 1.922.902m13.898 0q1.125 0 1.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102 0-1.922.914q-.82.915-.82 2.32q0 1.406.82 2.309q.82.902 1.922.902"/></svg>
React
import type { SVGProps } from "react";
export function F7FaceSmiling(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-3.984q-4.149 0-7.757-1.547a20 20 0 0 1-6.34-4.277a19.9 19.9 0 0 1-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148 1.535-7.757a20.1 20.1 0 0 1 4.253-6.352a19.7 19.7 0 0 1 6.328-4.277q3.61-1.535 7.757-1.535q4.149 0 7.758 1.535a19.9 19.9 0 0 1 6.351 4.277a20.1 20.1 0 0 1 4.289 6.352q1.547 3.608 1.547 7.757t-1.535 7.757a19.9 19.9 0 0 1-4.266 6.34a20 20 0 0 1-6.351 4.277q-3.621 1.547-7.77 1.547m-.024-8.18q2.438 0 4.29-.878q1.85-.879 2.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82 0 0 0-.715 0q-1.266.703-2.918 1.348q-1.651.644-4.207.644t-4.206-.644a26 26 0 0 1-2.942-1.348q-.375-.165-.703 0t-.328.586q0 .773 1.02 1.91t2.87 2.016t4.29.878m-6.96-13.827q1.125 0 1.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1 0-1.92.914q-.822.915-.821 2.32q0 1.406.82 2.309q.82.902 1.922.902m13.898 0q1.125 0 1.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102 0-1.922.914q-.82.915-.82 2.32q0 1.406.82 2.309q.82.902 1.922.902"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-3.984q-4.149 0-7.757-1.547a20 20 0 0 1-6.34-4.277a19.9 19.9 0 0 1-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148 1.535-7.757a20.1 20.1 0 0 1 4.253-6.352a19.7 19.7 0 0 1 6.328-4.277q3.61-1.535 7.757-1.535q4.149 0 7.758 1.535a19.9 19.9 0 0 1 6.351 4.277a20.1 20.1 0 0 1 4.289 6.352q1.547 3.608 1.547 7.757t-1.535 7.757a19.9 19.9 0 0 1-4.266 6.34a20 20 0 0 1-6.351 4.277q-3.621 1.547-7.77 1.547m-.024-8.18q2.438 0 4.29-.878q1.85-.879 2.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82 0 0 0-.715 0q-1.266.703-2.918 1.348q-1.651.644-4.207.644t-4.206-.644a26 26 0 0 1-2.942-1.348q-.375-.165-.703 0t-.328.586q0 .773 1.02 1.91t2.87 2.016t4.29.878m-6.96-13.827q1.125 0 1.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1 0-1.92.914q-.822.915-.821 2.32q0 1.406.82 2.309q.82.902 1.922.902m13.898 0q1.125 0 1.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102 0-1.922.914q-.82.915-.82 2.32q0 1.406.82 2.309q.82.902 1.922.902"/></svg> </template>
CSS
.icon-face-smiling {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.905%2051.81q4.898%200%209.222-1.875a24.4%2024.4%200%200%200%207.629-5.18a24.4%2024.4%200%200%200%205.179-7.628q1.875-4.325%201.875-9.222q0-4.899-1.875-9.222a24.4%2024.4%200%200%200-5.18-7.629a24.4%2024.4%200%200%200-7.64-5.18Q32.78%204%2027.881%204q-4.898%200-9.222%201.875a24.3%2024.3%200%200%200-7.616%205.18a24.5%2024.5%200%200%200-5.168%207.628Q4%2023.006%204%2027.905t1.875%209.222a24.4%2024.4%200%200%200%205.18%207.629a24.4%2024.4%200%200%200%207.628%205.179q4.323%201.875%209.222%201.875m0-3.984q-4.149%200-7.757-1.547a20%2020%200%200%201-6.34-4.277a19.9%2019.9%200%200%201-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148%201.535-7.757a20.1%2020.1%200%200%201%204.253-6.352a19.7%2019.7%200%200%201%206.328-4.277q3.61-1.535%207.757-1.535q4.149%200%207.758%201.535a19.9%2019.9%200%200%201%206.351%204.277a20.1%2020.1%200%200%201%204.289%206.352q1.547%203.608%201.547%207.757t-1.535%207.757a19.9%2019.9%200%200%201-4.266%206.34a20%2020%200%200%201-6.351%204.277q-3.621%201.547-7.77%201.547m-.024-8.18q2.438%200%204.29-.878q1.85-.879%202.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82%200%200%200-.715%200q-1.266.703-2.918%201.348q-1.651.644-4.207.644t-4.206-.644a26%2026%200%200%201-2.942-1.348q-.375-.165-.703%200t-.328.586q0%20.773%201.02%201.91t2.87%202.016t4.29.878m-6.96-13.827q1.125%200%201.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1%200-1.92.914q-.822.915-.821%202.32q0%201.406.82%202.309q.82.902%201.922.902m13.898%200q1.125%200%201.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102%200-1.922.914q-.82.915-.82%202.32q0%201.406.82%202.309q.82.902%201.922.902%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.905%2051.81q4.898%200%209.222-1.875a24.4%2024.4%200%200%200%207.629-5.18a24.4%2024.4%200%200%200%205.179-7.628q1.875-4.325%201.875-9.222q0-4.899-1.875-9.222a24.4%2024.4%200%200%200-5.18-7.629a24.4%2024.4%200%200%200-7.64-5.18Q32.78%204%2027.881%204q-4.898%200-9.222%201.875a24.3%2024.3%200%200%200-7.616%205.18a24.5%2024.5%200%200%200-5.168%207.628Q4%2023.006%204%2027.905t1.875%209.222a24.4%2024.4%200%200%200%205.18%207.629a24.4%2024.4%200%200%200%207.628%205.179q4.323%201.875%209.222%201.875m0-3.984q-4.149%200-7.757-1.547a20%2020%200%200%201-6.34-4.277a19.9%2019.9%200%200%201-4.265-6.34q-1.536-3.61-1.535-7.757q0-4.148%201.535-7.757a20.1%2020.1%200%200%201%204.253-6.352a19.7%2019.7%200%200%201%206.328-4.277q3.61-1.535%207.757-1.535q4.149%200%207.758%201.535a19.9%2019.9%200%200%201%206.351%204.277a20.1%2020.1%200%200%201%204.289%206.352q1.547%203.608%201.547%207.757t-1.535%207.757a19.9%2019.9%200%200%201-4.266%206.34a20%2020%200%200%201-6.351%204.277q-3.621%201.547-7.77%201.547m-.024-8.18q2.438%200%204.29-.878q1.85-.879%202.87-2.016t1.02-1.91q0-.422-.34-.586a.82.82%200%200%200-.715%200q-1.266.703-2.918%201.348q-1.651.644-4.207.644t-4.206-.644a26%2026%200%200%201-2.942-1.348q-.375-.165-.703%200t-.328.586q0%20.773%201.02%201.91t2.87%202.016t4.29.878m-6.96-13.827q1.125%200%201.969-.902q.843-.902.843-2.309q0-1.405-.843-2.32q-.845-.915-1.97-.914q-1.1%200-1.92.914q-.822.915-.821%202.32q0%201.406.82%202.309q.82.902%201.922.902m13.898%200q1.125%200%201.968-.902q.844-.902.844-2.309q0-1.405-.844-2.32q-.843-.915-1.968-.914q-1.102%200-1.922.914q-.82.915-.82%202.32q0%201.406.82%202.309q.82.902%201.922.902%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/face-smiling.svg?color=%231a73e8&size=48
