ICONYZ
Русский
Иконка Like 1 из набора Plump color icons

Иконка Like 1

streamline-plump-color:like-1

Иконка Like 1 (streamline-plump-color:like-1) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump color icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Основы интерфейса
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M19.137 5.732c-.926 3.1-2.771 8.109-4.387 11.649l-.432 25.872c4.997.758 13.632 1.812 22.133 1.632c2.612-.055 5.024-1.512 5.929-3.963c2.592-7.023 2.768-16.065 2.554-21.702c-.115-3.04-2.663-5.314-5.701-5.156c-2.85.149-6.034.392-9.281.697c.07-1.91.077-4.073-.075-6.198c-.159-2.216-1.308-4.314-3.444-4.926c-1.187-.34-2.454-.525-3.55-.623c-1.74-.157-3.245 1.043-3.745 2.718Z"/><path fill="#8fbffa" d="M3.156 41.45c.04 1.47.906 2.79 2.343 3.097c.923.197 2.105.358 3.501.358s2.578-.16 3.5-.358c1.438-.307 2.305-1.628 2.344-3.097c.067-2.496.156-6.72.156-11.545s-.089-9.049-.156-11.544c-.04-1.47-.906-2.79-2.343-3.097A16.8 16.8 0 0 0 9 14.905c-1.396 0-2.578.162-3.5.359c-1.438.307-2.305 1.628-2.344 3.097C3.089 20.856 3 25.08 3 29.905s.089 9.049.156 11.545"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.156 41.45c.04 1.47.906 2.79 2.343 3.097c.923.197 2.105.358 3.501.358s2.578-.16 3.5-.358c1.438-.307 2.305-1.628 2.344-3.097c.067-2.496.156-6.72.156-11.545s-.089-9.049-.156-11.544c-.04-1.47-.906-2.79-2.343-3.097A16.8 16.8 0 0 0 9 14.905c-1.396 0-2.578.162-3.5.359c-1.438.307-2.305 1.628-2.344 3.097C3.089 20.856 3 25.08 3 29.905s.089 9.049.156 11.545"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M14.75 17.38c1.616-3.539 3.461-8.548 4.387-11.648c.5-1.675 2.006-2.875 3.747-2.718c1.095.098 2.362.283 3.55.623c2.135.612 3.284 2.71 3.443 4.926c.152 2.125.146 4.289.075 6.198c3.247-.305 6.432-.548 9.28-.696c3.04-.159 5.587 2.115 5.702 5.155c.214 5.637.038 14.68-2.554 21.702c-.905 2.45-3.317 3.908-5.929 3.963c-8.501.18-17.136-.873-22.133-1.631M9 38.905v-2"/></g></svg>

Как использовать иконку Like 1

React

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

<Icon icon="streamline-plump-color:like-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:like-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:like-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--like-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:like-1"></div>

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

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

<iconify-icon icon="streamline-plump-color:like-1"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/like-1.svg" alt="Иконка Like 1" width="24" height="24">

Похожие иконки в наборе Plump color icons

Иконка Like 1 в других наборах

Вопросы и ответы: Иконка Like 1

Можно ли бесплатно использовать иконку Like 1 в коммерческих проектах?

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

Как использовать иконку Like 1 в React?

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

Как добавить иконку Like 1 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/like-1.svg" alt="Иконка Like 1">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →