face smiling icon
face-smiling-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- face-smiling-fill
- Set
- Framework7 Icons
- Style
- Fill
- 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-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></svg>
React
import type { SVGProps } from "react";
export function F7FaceSmilingFill(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-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></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-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></svg> </template>
CSS
.icon-face-smiling-fill {
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-11.835q-2.53%200-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85%200%200%201%20.727%200q1.335.704%203.034%201.383q1.7.68%204.348.68q2.625%200%204.336-.668q1.71-.668%203.023-1.394q.375-.165.726%200q.352.164.352.61q0%20.796-1.055%201.968q-1.055%201.17-2.964%202.086q-1.91.914-4.418.914m-7.172-14.273q-1.125%200-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937%201.992-.937q1.172%200%202.04.937q.866.938.867%202.414q0%201.454-.88%202.38q-.878.924-2.027.925m14.32%200q-1.125%200-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937%202.004-.937q1.171%200%202.039.937q.867.938.867%202.414q0%201.454-.879%202.38q-.879.924-2.027.925%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-11.835q-2.53%200-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85%200%200%201%20.727%200q1.335.704%203.034%201.383q1.7.68%204.348.68q2.625%200%204.336-.668q1.71-.668%203.023-1.394q.375-.165.726%200q.352.164.352.61q0%20.796-1.055%201.968q-1.055%201.17-2.964%202.086q-1.91.914-4.418.914m-7.172-14.273q-1.125%200-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937%201.992-.937q1.172%200%202.04.937q.866.938.867%202.414q0%201.454-.88%202.38q-.878.924-2.027.925m14.32%200q-1.125%200-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937%202.004-.937q1.171%200%202.039.937q.867.938.867%202.414q0%201.454-.879%202.38q-.879.924-2.027.925%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/face-smiling-fill.svg?color=%231a73e8&size=48
