Иконка Network

entypo:network

Иконка Network (entypo:network) — бесплатная SVG-иконка из набора Entypo+ от Daniel Bruce. Она нарисована на сетке 20 × 20. Entypo+ icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Entypo+
Автор: Daniel Bruce
Лицензия: CC-BY-SA-4.0
Размер: 20 × 20

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M5.274 6.915q.301 0 .576.086a16 16 0 0 1 2.283-2.1a1.95 1.95 0 0 1 .048-1.076A14.4 14.4 0 0 0 5.17 2.171a9.3 9.3 0 0 0-2.582 2.381c.519.92 1.136 1.777 1.838 2.557c.256-.124.543-.194.848-.194M3.316 8.872c0-.275.058-.537.159-.773A16 16 0 0 1 1.78 5.87a9.2 9.2 0 0 0-.98 4.131a9.16 9.16 0 0 0 1.295 4.705a15.6 15.6 0 0 1 1.62-4.652a1.95 1.95 0 0 1-.399-1.182m6.72-6.383c.517 0 .985.201 1.336.529a15.6 15.6 0 0 1 3.215-.992A9.15 9.15 0 0 0 10 .8a9.2 9.2 0 0 0-3.236.588a16 16 0 0 1 2.277 1.375c.292-.174.631-.274.995-.274m2.926 9.219a1.9 1.9 0 0 1 .509-.656a14.3 14.3 0 0 0-2.672-4.803a1.96 1.96 0 0 1-1.901-.211a14.3 14.3 0 0 0-1.964 1.803a1.93 1.93 0 0 1 .207 1.617a14.25 14.25 0 0 0 5.821 2.25m2.539 2.643a16 16 0 0 1-.081 3.082a9.2 9.2 0 0 0 3.347-4.639a15.4 15.4 0 0 1-2.181.365a1.96 1.96 0 0 1-1.085 1.192m-2.997-1.327a15.6 15.6 0 0 1-6.21-2.484a1.95 1.95 0 0 1-1.423.248a14.2 14.2 0 0 0-1.599 5.484a9.2 9.2 0 0 0 3.145 2.205a15.66 15.66 0 0 1 6.087-5.453m3.672-9.843a14.3 14.3 0 0 0-4.193 1.068a1.95 1.95 0 0 1-.191 1.056a15.7 15.7 0 0 1 2.969 5.291a1.96 1.96 0 0 1 1.77 1.195c.886-.09 1.748-.26 2.578-.504a9.18 9.18 0 0 0-2.933-8.106m-2.687 10.888a14.3 14.3 0 0 0-5.723 4.856A9.2 9.2 0 0 0 10 19.2a9.2 9.2 0 0 0 3.882-.859c.19-.928.29-1.887.29-2.869q-.001-.533-.043-1.055a1.9 1.9 0 0 1-.64-.348"/></svg>

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

React

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

<Icon icon="entypo:network" width="24" />

Vue

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

<template>
  <Icon icon="entypo:network" width="24" />
</template>

Svelte

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

<Icon icon="entypo:network" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[entypo--network]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/entypo -->
<div class="i-entypo:network"></div>

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

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

<iconify-icon icon="entypo:network"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/entypo/network.svg" alt="Иконка Network" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Entypo+ →