Иконка Sunset Solid

streamline-plump:sunset-solid

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

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Природа и экология
Теги: sunsetsolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M25.5 3a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0zM45 25.5a1.5 1.5 0 0 0 0-3h-3a1.5 1.5 0 0 0 0 3zM7.5 24A1.5 1.5 0 0 1 6 25.5H3a1.5 1.5 0 0 1 0-3h3A1.5 1.5 0 0 1 7.5 24m2.711-11.667a1.5 1.5 0 0 0 2.122-2.122l-2.122-2.12a1.5 1.5 0 1 0-2.121 2.12zm25.456 0a1.5 1.5 0 0 0 2.122 0l2.121-2.122a1.5 1.5 0 1 0-2.121-2.12l-2.122 2.12a1.5 1.5 0 0 0 0 2.122M24 9.5C15.992 9.5 9.5 15.992 9.5 24q0 .949.119 1.865a6.83 6.83 0 0 1 4.206 1.155c.967.656 2.072.98 3.175.98a5.64 5.64 0 0 0 3.175-.98a6.86 6.86 0 0 1 7.65 0c.967.656 2.072.98 3.175.98a5.64 5.64 0 0 0 3.175-.98a6.83 6.83 0 0 1 4.206-1.155q.119-.916.119-1.865c0-8.008-6.492-14.5-14.5-14.5m16.422 19.59a4.36 4.36 0 0 0-4.844 0A8.14 8.14 0 0 1 31 30.5c-1.595 0-3.19-.47-4.578-1.41a4.36 4.36 0 0 0-4.844 0A8.14 8.14 0 0 1 17 30.5c-1.595 0-3.19-.47-4.578-1.41a4.36 4.36 0 0 0-4.844 0A8.14 8.14 0 0 1 3 30.5A1.5 1.5 0 0 0 1.5 32c0 1.73.115 3.674.267 5.487h1.692a8.15 8.15 0 0 0 4.119-1.398c1.445-.98 3.4-.98 4.844 0A8.14 8.14 0 0 0 17 37.5c1.595 0 3.19-.47 4.578-1.41c1.445-.98 3.4-.98 4.844 0A8.14 8.14 0 0 0 31 37.5c1.595 0 3.19-.47 4.578-1.41c1.445-.98 3.4-.98 4.844 0a8.15 8.15 0 0 0 4.119 1.397h1.692c.152-1.813.267-3.758.267-5.487a1.5 1.5 0 0 0-1.5-1.5c-1.595 0-3.19-.47-4.578-1.41M44.5 40.486h1.395a6.99 6.99 0 0 1-6.297 5.449c-3.475.27-8.806.564-15.598.564s-12.123-.293-15.598-.564a6.99 6.99 0 0 1-6.297-5.449H3.5l.078-.002a11.15 11.15 0 0 0 5.684-1.913a1.36 1.36 0 0 1 1.476 0A11.14 11.14 0 0 0 17 40.5c2.185 0 4.369-.644 6.262-1.928a1.36 1.36 0 0 1 1.476 0A11.14 11.14 0 0 0 31 40.5c2.185 0 4.369-.644 6.262-1.928a1.36 1.36 0 0 1 1.476 0a11.15 11.15 0 0 0 5.762 1.915Z" clip-rule="evenodd"/></svg>

Как использовать иконку Sunset Solid

React

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

<Icon icon="streamline-plump:sunset-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:sunset-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:sunset-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--sunset-solid]"></span>

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump:sunset-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/sunset-solid.svg" alt="Иконка Sunset Solid" width="24" height="24">

Иконка Sunset Solid в других наборах

Вопросы и ответы: Иконка Sunset Solid

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

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

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

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

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

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

Все Plump free icons →