Иконка Module Flat

streamline-plump-color:module-flat

Иконка Module Flat (streamline-plump-color:module-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
Категория: Программирование
Теги: moduleflat

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><path id="SVG01JF36rt" fill="#8fbffa" d="M24 46.5c-2.837 0-6.696-1.16-10.167-2.452c-3.533-1.315-6.894-2.857-8.82-3.779c-1.483-.71-2.573-2.088-2.81-3.783C1.899 34.313 1.5 30.268 1.5 24c0-6.267.399-10.313.703-12.486C2.44 9.82 3.53 8.44 5.013 7.731c1.926-.922 5.287-2.464 8.82-3.779C17.303 2.66 21.163 1.5 24 1.5s6.696 1.16 10.167 2.452c3.533 1.315 6.894 2.857 8.82 3.779c1.483.71 2.573 2.088 2.81 3.783c.304 2.173.703 6.219.703 12.486s-.399 10.313-.703 12.486c-.237 1.695-1.327 3.074-2.81 3.783c-1.926.922-5.287 2.464-8.82 3.779C30.697 45.34 26.837 46.5 24 46.5"/></defs><g fill="none"><use href="#SVG01JF36rt"/><use href="#SVG01JF36rt"/><path fill="#2859c5" d="M22.5 46.408q.788.091 1.5.092c.712.001.976-.032 1.5-.092V15a1.5 1.5 0 0 0-3 0z"/><path fill="#2859c5" d="M45.45 10.27c-.1.39-.358.743-.777.95c-2.523 1.248-5.068 2.44-7.68 3.513l-.251.104c-3.967 1.632-8.403 3.458-12.742 3.458s-8.776-1.826-12.742-3.458l-.252-.104c-2.612-1.074-5.157-2.265-7.68-3.513a1.45 1.45 0 0 1-.777-.95a5 5 0 0 1 2.055-2.32a115 115 0 0 1 6.313-2.851c.94-.387 1.92-.776 2.915-1.146C17.303 2.66 21.163 1.5 24 1.5s6.696 1.16 10.167 2.452c.996.371 1.98.76 2.92 1.148c2.14.883 4.233 1.843 6.308 2.849a5 5 0 0 1 2.055 2.321"/></g></svg>

Как использовать иконку Module Flat

React

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

<Icon icon="streamline-plump-color:module-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:module-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:module-flat" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump-color:module-flat"></iconify-icon>

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

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

Иконка Module Flat в других наборах

Вопросы и ответы: Иконка Module Flat

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

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

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

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

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

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

Все Plump color icons →