Иконка Graph Dot Flat
streamline-plump-color:graph-dot-flat
Иконка Graph Dot Flat (streamline-plump-color:graph-dot-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
- Категория
- Деньги и покупки
- Теги
- graphdot, dotflat, graphdotflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="m41.839 8.787l-.012.027l-.036.086l-.144.341a193 193 0 0 0-2.338 5.901c-1.426 3.785-3.15 8.712-4.374 13.367a2 2 0 0 1-2.964 1.206L33.001 28l-1.03 1.715l-.01-.006l-.023-.015l-.09-.054a103 103 0 0 1-1.577-.984a130 130 0 0 1-4.159-2.762c-2.755-1.907-6.1-4.386-8.955-6.985l-.059.07a148 148 0 0 0-3.48 4.363c-2.757 3.594-6.052 8.24-8.349 12.591a2 2 0 0 1-3.537-1.867c2.453-4.649 5.908-9.503 8.713-13.159a152 152 0 0 1 3.575-4.481a118 118 0 0 1 1.368-1.62l.078-.09l.021-.024l.007-.008l.001-.002s.886-.663 1.439-.681a2 2 0 0 1 1.48.584c2.872 2.872 6.755 5.79 9.975 8.02a127 127 0 0 0 3.404 2.276c1.173-4.009 2.584-7.995 3.773-11.15a197 197 0 0 1 2.391-6.034l.15-.358l.04-.093l.011-.025l.004-.008v-.001a2 2 0 0 1 3.677 1.575" clip-rule="evenodd"/><path fill="#2859c5" d="M40 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12m-23 8a6 6 0 1 1 0 12a6 6 0 0 1 0-12m16 12a6 6 0 1 1 0 12a6 6 0 0 1 0-12"/><path fill="#2859c5" fill-rule="evenodd" d="M3 1a2 2 0 0 1 2 2c0 16.284.301 32.272.436 38.607a.97.97 0 0 0 .957.957C12.728 42.7 28.716 43 45 43a2 2 0 1 1 0 4c-16.326 0-32.346-.302-38.692-.437a4.97 4.97 0 0 1-4.871-4.87C1.302 35.345 1 19.325 1 3a2 2 0 0 1 2-2" clip-rule="evenodd"/></g></svg>Как использовать иконку Graph Dot Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:graph-dot-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:graph-dot-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:graph-dot-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--graph-dot-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:graph-dot-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:graph-dot-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/graph-dot-flat.svg" alt="Иконка Graph Dot Flat" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Graph Dot Flat в других наборах
Вопросы и ответы: Иконка Graph Dot Flat
Можно ли бесплатно использовать иконку Graph Dot Flat в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Graph Dot Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:graph-dot-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Graph Dot Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/graph-dot-flat.svg" alt="Иконка Graph Dot Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.