Иконка Loveletter
fxemoji:loveletter
Иконка Loveletter (fxemoji:loveletter) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 72 × 72. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 72 × 72
- Категория
- Люди
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#D1CFC3" d="M72 66.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9 0c0 0-31.3 23.6-31 24.4c.3.7.7 1.4 1.1 2c.2.3.5.5.7.7h.1c1 .9 2.3 1.5 3.7 1.7h.2c.2 0 .4.1.6.1h59.2c2.9-.1 5.4-1.9 6.4-4.5"/><path fill="#E5E4DF" d="M36 39.6L.1 66.4V28.3c0-3.7 3-6.7 6.7-6.7h58.3c3.7 0 6.7 3 6.7 6.7v38.1z"/><path fill="#EDECE6" d="m.6 26l30.6 24c3.9 2.9 5.9 2.9 9.7 0l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8 1.7l.4.3c-.9.6-1.7 1.4-2.2 2.3"/><path fill="#F4F3EF" d="M.6 26.1c-.3.7 30.6 24 30.6 24c3.9 2.9 5.9 2.9 9.7 0c0 0 30.8-23.3 30.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2 0-.4-.1-.6-.1H6.8c-2.8 0-5.3 1.8-6.2 4.4c0-.1-.1-.1 0 0"/><path fill="#FF473E" d="M28.8 8.5c-2.6-2.5-6.7-2.5-9.3 0c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10 .9c-1.4 1.9-1.6 4.5-.6 6.6c.6 1.3 1.4 2.2 2.4 2.8l8.3 6.7c.4.3 1 .3 1.4 0l8.3-6.7c.7-.4 1.3-1 1.8-1.7c1.8-2.6 1.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4 0c0 .1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4 42.3.5 41.3 2c-.5.7-.6 1.7-.3 2.5c.2.6.6 1.1 1.1 1.4l3.3 2.7c.3.2.7.2 1 0l3.7-3c1.1-1 1.1-2.8 0-3.9"/><path fill="#FF7DDA" d="M59 18.2c-2-2-5.3-2-7.3 0c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3 4.7-.9 6.8c.4.6.9 1.1 1.4 1.4l6.4 5.2c.4.3.9.3 1.3 0l7.2-5.9c1.9-1.8 1.9-5.1-.1-7.1"/></svg>Как использовать иконку Loveletter
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:loveletter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:loveletter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:loveletter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--loveletter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:loveletter"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:loveletter"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/loveletter.svg" alt="Иконка Loveletter" width="24" height="24">Вопросы и ответы: Иконка Loveletter
Можно ли бесплатно использовать иконку Loveletter в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Loveletter в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:loveletter" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Loveletter на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/loveletter.svg" alt="Иконка Loveletter">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.