Иконка User Heart Bold Duotone

solar:user-heart-bold-duotone

Иконка User Heart Bold Duotone (solar:user-heart-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Пользователи
Теги: userheart, heartbold, boldduotone, userheartboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="11" cy="6" r="4"/><path fill-rule="evenodd" d="M14.5126 21.4874C15.0251 22 15.8501 22 17.5 22C19.1499 22 19.9749 22 20.4874 21.4874C21 20.9749 21 20.1499 21 18.5C21 16.8501 21 16.0251 20.4874 15.5126C19.9749 15 19.1499 15 17.5 15C15.8501 15 15.0251 15 14.5126 15.5126C14 16.0251 14 16.8501 14 18.5C14 20.1499 14 20.9749 14.5126 21.4874ZM16.5266 19.9765C15.8245 19.4738 15 18.8833 15 17.8598C15 16.7299 16.375 15.9285 17.5 17.0148C18.625 15.9285 20 16.7299 20 17.8598C20 18.8833 19.1755 19.4738 18.4734 19.9765C18.4005 20.0287 18.3288 20.08 18.2596 20.1308C18 20.3209 17.75 20.5 17.5 20.5C17.25 20.5 17 20.3209 16.7404 20.1308C16.6712 20.08 16.5995 20.0287 16.5266 19.9765Z" clip-rule="evenodd"/><path d="M14.5942 21.5625C14.5661 21.5388 14.5389 21.5138 14.5126 21.4874C14 20.9749 14 20.1499 14 18.5C14 16.8501 14 16.0251 14.5126 15.5126C15.0251 15 15.8501 15 17.5 15C17.6501 15 17.7933 15 17.9301 15.0004C16.547 13.6551 13.9614 12.75 11 12.75C6.58172 12.75 3 14.7647 3 17.25C3 19.7353 3 21.75 11 21.75C12.4426 21.75 13.625 21.6845 14.5942 21.5625Z" opacity=".5"/></g></svg>

Как использовать иконку User Heart Bold Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="solar:user-heart-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:user-heart-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:user-heart-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--user-heart-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:user-heart-bold-duotone"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:user-heart-bold-duotone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/user-heart-bold-duotone.svg" alt="Иконка User Heart Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка User Heart Bold Duotone

Можно ли бесплатно использовать иконку User Heart Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку User Heart Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:user-heart-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку User Heart Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/user-heart-bold-duotone.svg" alt="Иконка User Heart Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →