Иконка Face Smiling Fill
f7:face-smiling-fill
Иконка Face Smiling Fill (f7:face-smiling-fill) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Framework7 Icons
- Автор
- Vladimir Kharlampidi
- Лицензия
- MIT
- Размер
- 56 × 56
- Теги
- facesmiling, smilingfill, facesmilingfill
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" 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>Как использовать иконку Face Smiling Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:face-smiling-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:face-smiling-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:face-smiling-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--face-smiling-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:face-smiling-fill"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:face-smiling-fill"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Иконка Face Smiling Fill" width="24" height="24">Похожие иконки в наборе Framework7 Icons
Вопросы и ответы: Иконка Face Smiling Fill
Можно ли бесплатно использовать иконку Face Smiling Fill в коммерческих проектах?
Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Face Smiling Fill в React?
Установите @iconify/react и выведите <Icon icon="f7:face-smiling-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Face Smiling Fill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Иконка Face Smiling Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.