Иконка Smiling Face With Hearts
twemoji:smiling-face-with-hearts
Иконка Smiling Face With Hearts (twemoji:smiling-face-with-hearts) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Смайлы и эмоции
- Теги
- smilingface, facewith, withhearts, smilingfacewithhearts, heart, smiling face with 3 hearts
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M16 16.958c-.419 0-.809-.265-.949-.684c-.203-.599-1.018-2.316-2.051-2.316c-1.062 0-1.888 1.827-2.051 2.316a1 1 0 1 1-1.897-.633c.125-.377 1.304-3.684 3.949-3.684s3.823 3.307 3.949 3.684a1 1 0 0 1-.95 1.317m10 0a1 1 0 0 1-.948-.684c-.203-.599-1.019-2.316-2.052-2.316c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 0 1-1.897-.633c.125-.377 1.304-3.684 3.948-3.684s3.823 3.307 3.948 3.684A1 1 0 0 1 26 16.958m1.335 3.733a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657c.129.215 3.217 5.243 9.429 5.243s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628"/><path fill="#ffac33" d="M21.229 3.947c0 .24.03.472.082.696c.425 2.643 3.364 5.431 5.47 6.197c1.665-.605 3.846-2.476 4.898-4.539A18.03 18.03 0 0 0 23.75.939a3.06 3.06 0 0 0-2.521 3.008m-7.486 25.131c.057-.242.09-.494.09-.754a3.32 3.32 0 0 0-3.319-3.319a3.31 3.31 0 0 0-2.697 1.389a3.31 3.31 0 0 0-2.697-1.389a3.3 3.3 0 0 0-2.88 1.698a18.07 18.07 0 0 0 8.068 7.574c1.637-1.351 3.131-3.307 3.435-5.199m20.558-3.436a2.29 2.29 0 0 0-4.062-.685a2.299 2.299 0 0 0-4.105 1.859c.307 1.905 2.348 3.896 3.909 4.561a18.05 18.05 0 0 0 4.258-5.735"/><path fill="#dd2e44" d="M33.625 3.269A3.063 3.063 0 0 0 30.562.206a3.06 3.06 0 0 0-2.489 1.282a3.063 3.063 0 0 0-5.47 2.477c.426 2.643 3.364 5.431 5.47 6.197c2.106-.766 5.044-3.554 5.469-6.196q.081-.337.083-.697M12.208 28.408a3.32 3.32 0 0 0-3.319-3.319a3.31 3.31 0 0 0-2.697 1.389a3.31 3.31 0 0 0-2.697-1.389a3.32 3.32 0 0 0-3.23 4.073c.461 2.863 3.644 5.884 5.926 6.714c2.282-.829 5.465-3.85 5.926-6.713q.089-.366.091-.755m23.74-2.281a2.299 2.299 0 0 0-4.167-1.337a2.299 2.299 0 0 0-4.105 1.859c.319 1.983 2.524 4.076 4.105 4.65c1.58-.574 3.786-2.667 4.104-4.65q.061-.252.063-.522"/></svg>
Как использовать иконку Smiling Face With Hearts
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:smiling-face-with-hearts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--smiling-face-with-hearts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:smiling-face-with-hearts"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:smiling-face-with-hearts"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-hearts.svg" alt="Иконка Smiling Face With Hearts" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Smiling Face With Hearts в других наборах
Вопросы и ответы: Иконка Smiling Face With Hearts
Можно ли бесплатно использовать иконку Smiling Face With Hearts в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Smiling Face With Hearts в React?
Установите @iconify/react и выведите <Icon icon="twemoji:smiling-face-with-hearts" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smiling Face With Hearts на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-hearts.svg" alt="Иконка Smiling Face With Hearts">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
