Иконка Ampersand Flat
streamline-plump-color:ampersand-flat
Иконка Ampersand Flat (streamline-plump-color:ampersand-flat) — бесплатная 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
- Категория
- Основы интерфейса
- Теги
- ampersandflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#8fbffa" fill-rule="evenodd" d="M37.834 45.795c1.644.95 3.852.693 5.157-.706a4.9 4.9 0 0 0 1.175-1.933c.283-.85-.076-1.75-.705-2.388l-4.79-4.848c1.635-3.349 4.02-11.92 2.3-15.87c-1.002-1.604-3.229-1.574-5.105-1.117c-1.161.283-1.856 1.397-1.898 2.592c-.1 2.81-.445 5.675-1.29 8.33l-7.76-7.904c3.314-.785 6.69-2.672 7.695-6.522C34.766 7.178 29.273 1.5 21.596 1.5C15.41 1.5 9.47 5.02 9.47 11.727c0 2.98 1.304 5.406 3.136 7.688c-5.475 2.217-9.06 6.883-9.06 12.837c0 9.174 7.883 14.248 16.447 14.248c4.894 0 9.78-1.402 13.45-4.726c1.337 1.353 2.664 3.147 4.391 4.02M23.18 8.732c-2.606-.584-5.138.85-5.138 3.912c0 1.85.993 3.16 2.174 4.465c.277.001 5.198-.33 5.933-3.312c.735-2.983-1.05-4.636-2.969-5.065m-2.769 30.715c-4.59 0-8.432-2.711-8.432-7.547c0-3.228 2.085-6.017 5.157-7.054l11.22 11.638c-2.211 1.93-5 2.963-7.945 2.963" clip-rule="evenodd"/></svg>Как использовать иконку Ampersand Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:ampersand-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--ampersand-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:ampersand-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:ampersand-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/ampersand-flat.svg" alt="Иконка Ampersand Flat" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Ampersand Flat в других наборах
Вопросы и ответы: Иконка Ampersand Flat
Можно ли бесплатно использовать иконку Ampersand Flat в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Ampersand Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:ampersand-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ampersand Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/ampersand-flat.svg" alt="Иконка Ampersand Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.