ICONYZ
Русский
Иконка End Point Diamond из набора Plump color icons

Иконка End Point Diamond

streamline-plump-color:end-point-diamond

Иконка End Point Diamond (streamline-plump-color:end-point-diamond) — бесплатная 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
Категория
Основы интерфейса
Теги
endpoint, pointdiamond, endpointdiamond
Скачать SVG

Код 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="#8fbffa" d="M38.262 15.257a2.48 2.48 0 0 0-3.31 0a75 75 0 0 0-3.649 3.44a87 87 0 0 0-2.239 2.317c-1.707-.009-3.646-.014-5.847-.014H2v6h21.217c2.2 0 4.14-.005 5.847-.015a87 87 0 0 0 2.24 2.318a75 75 0 0 0 3.647 3.44a2.48 2.48 0 0 0 3.311 0a75 75 0 0 0 3.648-3.44a75 75 0 0 0 3.44-3.648a2.48 2.48 0 0 0 0-3.31a75 75 0 0 0-3.44-3.648a75 75 0 0 0-3.648-3.44"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M2 21h21.217c2.2 0 4.14.006 5.847.015a87 87 0 0 1 2.24-2.318a75 75 0 0 1 3.647-3.44a2.48 2.48 0 0 1 3.311 0c.872.762 2.088 1.88 3.648 3.44a75 75 0 0 1 3.44 3.648a2.48 2.48 0 0 1 0 3.311a75 75 0 0 1-3.44 3.648a75 75 0 0 1-3.648 3.44a2.48 2.48 0 0 1-3.31 0a75 75 0 0 1-3.649-3.44a87 87 0 0 1-2.239-2.318c-1.708.01-3.647.014-5.847.014H2"/></g></svg>

Как использовать иконку End Point Diamond

React

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

<Icon icon="streamline-plump-color:end-point-diamond" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:end-point-diamond" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:end-point-diamond" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--end-point-diamond]"></span>

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump-color:end-point-diamond"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/end-point-diamond.svg" alt="Иконка End Point Diamond" width="24" height="24">

Похожие иконки в наборе Plump color icons

Иконка end-point-branches
end-point-branches
 Иконка end-point-branches-flat
end-point-branches-flat
 Иконка end-point-diamond-flat
end-point-diamond-flat

Иконка End Point Diamond в других наборах

Иконка End Point Diamond из набора Flex color icons
Flex color icons
 Иконка End Point Diamond из набора Flex free icons
Flex free icons
 Иконка End Point Diamond из набора Plump free icons
Plump free icons

Вопросы и ответы: Иконка End Point Diamond

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

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

Как использовать иконку End Point Diamond в React?

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

Как добавить иконку End Point Diamond на веб-страницу?

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

Все Plump color icons →