Иконка Edge Outline

teenyicons:edge-outline

Иконка Edge Outline (teenyicons:edge-outline) — бесплатная SVG-иконка из набора Teenyicons от smhmd. Она нарисована на сетке 15 × 15. Teenyicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Teenyicons
Автор: smhmd
Лицензия: MIT
Размер: 15 × 15
Теги: edgeoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M4.875 3.79C2.512 3.79.526 5.402.5 7.4a7 7 0 0 1 7-6.9c2.72 0 5.22 1.304 6.38 3.57c.182.361.634 1.176.62 2.401a3.36 3.36 0 0 1-1.664 2.892a3.26 3.26 0 0 1-1.656.457c-.003 0-1.486.072-2.272-.475c-.165-.115-.258-.252-.258-.395c0-.173.136-.252.18-.31c.277-.36.427-.795.427-1.088s-.06-1.031-.399-1.615M4.875 3.79c.191 0 1.283.019 2.296.55c.894.47 1.362 1.037 1.687 1.598M4.875 3.79C2.69 3.79.827 5.17.538 6.958a3 3 0 0 0-.032.451a7 7 0 0 0 9.214 6.732c-.57.18-1.172.234-1.765.159m.903-8.363c.292.503.377 1.12.395 1.47a1.77 1.77 0 0 0-1.75-1.652c-.373-.008-.657.127-.83.208l-.02.01a4.4 4.4 0 0 0-1.49 1.194M7.956 14.3a4.1 4.1 0 0 1-1.668-.596l-.005-.002c-.488-.303-.91-.7-1.244-1.167a4.414 4.414 0 0 1 .126-5.368m2.79 7.133a4.1 4.1 0 0 0 1.275-.037c.179-.038.347-.08.483-.124l.072-.024a7.02 7.02 0 0 0 3.642-2.887a.219.219 0 0 0-.291-.309a5 5 0 0 1-.577.258a5.6 5.6 0 0 1-1.963.353c-2.587 0-4.841-1.78-4.841-4.064a1.72 1.72 0 0 1 .895-1.492a4.4 4.4 0 0 0-1.486 1.193m4.091.3v.018m0 0Z"/></svg>

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

React

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

<Icon icon="teenyicons:edge-outline" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:edge-outline" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:edge-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--edge-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:edge-outline"></div>

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

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

<iconify-icon icon="teenyicons:edge-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/teenyicons/edge-outline.svg" alt="Иконка Edge Outline" width="24" height="24">

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

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

Да. Teenyicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Teenyicons →