Иконка Graphic Template Website Ui
streamline-plump-color:graphic-template-website-ui
Иконка Graphic Template Website Ui (streamline-plump-color:graphic-template-website-ui) — бесплатная 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
- Категория
- Основы интерфейса
- Теги
- graphictemplate, templatewebsite, websiteui, graphictemplatewebsiteui
Код 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="M36.91 3.486c2.546.223 4.45 2.212 4.627 4.762c.225 3.227.463 8.38.463 15.752s-.238 12.525-.463 15.752c-.177 2.55-2.081 4.539-4.627 4.762C34.12 44.76 29.885 45 24 45s-10.121-.24-12.91-.486c-2.546-.223-4.45-2.212-4.627-4.762C6.238 36.525 6 31.372 6 24s.238-12.525.463-15.752c.177-2.55 2.081-4.539 4.627-4.762C13.88 3.24 18.115 3 24 3s10.121.24 12.91.486"/><path fill="#8fbffa" d="M6 24c0 7.371.238 12.525.463 15.752c.177 2.55 2.081 4.539 4.627 4.762C13.88 44.76 18.115 45 24 45s10.121-.24 12.91-.486c2.546-.223 4.45-2.212 4.627-4.762c.225-3.227.463-8.38.463-15.752z"/><path fill="#fff" d="M41.45 40.418c-.434 2.223-2.22 3.892-4.54 4.096C34.12 44.76 29.885 45 24 45c-2.99 0-5.553-.062-7.717-.155A183 183 0 0 1 20.5 40.5c3.781-3.782 6.268-6.02 7.81-7.314c1.324-1.11 3.075-1.27 4.496-.29c1.757 1.213 4.567 3.453 8.644 7.522M18 33a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M13 17h22m-22-6.5h12m11.91-7.014c2.546.223 4.45 2.212 4.627 4.762c.225 3.227.463 8.38.463 15.752s-.238 12.525-.463 15.752c-.177 2.55-2.081 4.539-4.627 4.762C34.12 44.76 29.885 45 24 45s-10.121-.24-12.91-.486c-2.546-.223-4.45-2.212-4.627-4.762C6.238 36.525 6 31.372 6 24s.238-12.525.463-15.752c.177-2.55 2.081-4.539 4.627-4.762C13.88 3.24 18.115 3 24 3s10.121.24 12.91.486"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M41.45 40.418c-4.077-4.07-6.887-6.31-8.644-7.521c-1.42-.98-3.172-.82-4.495.29c-1.543 1.293-4.03 3.531-7.811 7.313a183 183 0 0 0-4.217 4.345M18 33a3 3 0 1 1-6 0a3 3 0 0 1 6 0m24-9H6"/></g></svg>Как использовать иконку Graphic Template Website Ui
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:graphic-template-website-ui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--graphic-template-website-ui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:graphic-template-website-ui"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:graphic-template-website-ui"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/graphic-template-website-ui.svg" alt="Иконка Graphic Template Website Ui" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Graphic Template Website Ui в других наборах
Вопросы и ответы: Иконка Graphic Template Website Ui
Можно ли бесплатно использовать иконку Graphic Template Website Ui в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Graphic Template Website Ui в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:graphic-template-website-ui" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Graphic Template Website Ui на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/graphic-template-website-ui.svg" alt="Иконка Graphic Template Website Ui">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.