Иконка Couple 48
energy-icons:couple-48
Иконка Couple 48 (energy-icons:couple-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M17 17.001a4 4 0 1 0-8.001.001A4 4 0 0 0 17 17.001m2 0A6 6 0 1 1 6.999 17A6 6 0 0 1 19 17.001m2 25c0-4-.965-7.024-2.43-9.02C17.116 31.002 15.154 30 13 30s-4.117 1.002-5.57 2.98C5.965 34.977 5 38 5 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C7.616 29.35 10.154 28 13 28s5.383 1.349 7.18 3.796C21.965 34.225 23 37.7 23 42a1 1 0 1 1-2 0m18-24.999a4 4 0 1 0-8.001.001A4 4 0 0 0 39 17.001m2 0A6 6 0 1 1 28.999 17A6 6 0 0 1 41 17.001m2 25c0-4-.965-7.024-2.43-9.02C39.116 31.002 37.154 30 35 30s-4.117 1.002-5.57 2.98C27.966 34.977 27 38 27 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C29.616 29.35 32.154 28 35 28s5.383 1.349 7.18 3.796C43.965 34.225 45 37.7 45 42a1 1 0 1 1-2 0M26.6 6.6a.79.79 0 0 0-.8-.8c-.412 0-.722.186-.968.555a1 1 0 0 1-1.664 0c-.247-.369-.556-.554-.968-.554a.79.79 0 0 0-.8.8c0 .35.134.755.412 1.204c.277.445.662.88 1.074 1.27c.4.376.803.691 1.114.916c.31-.225.714-.54 1.113-.917c.413-.39.799-.824 1.075-1.27c.279-.448.412-.853.412-1.203m2 0c0 .85-.316 1.62-.713 2.26c-.398.641-.913 1.207-1.4 1.667a13.4 13.4 0 0 1-1.948 1.517l-.012.007l-.003.002h-.002a1 1 0 0 1-.92.065l-.124-.064l-.002-.001l-.004-.002l-.01-.007l-.166-.107a13.4 13.4 0 0 1-1.782-1.41c-.488-.46-1.003-1.026-1.401-1.668c-.396-.638-.713-1.41-.713-2.258c0-1.724 1.422-2.8 2.8-2.8c.709 0 1.31.22 1.8.574a3.02 3.02 0 0 1 1.8-.574c1.379 0 2.8 1.077 2.8 2.8"/></svg>Как использовать иконку Couple 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:couple-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:couple-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:couple-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--couple-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:couple-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:couple-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Иконка Couple 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Couple 48
Можно ли бесплатно использовать иконку Couple 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Couple 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:couple-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Couple 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Иконка Couple 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.