Иконка Turf Bezier

geo:turf-bezier

Иконка Turf Bezier (geo:turf-bezier) — бесплатная SVG-иконка из набора GeoGlyphs от Sam Matthews. Она нарисована на сетке 100 × 100. GeoGlyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: GeoGlyphs
Автор: Sam Matthews
Лицензия: MIT
Размер: 100 × 100
Теги: turfbezier

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="40.274" cy="39.666" r="4.763" fill="currentColor"/><path fill="currentColor" d="m12.729 63.898l-5.714 5.6a1.999 1.999 0 0 0 1.4 3.429c.505 0 1.011-.19 1.4-.571l5.714-5.6a2 2 0 0 0-2.8-2.858m11.427-11.199l-5.714 5.6a1.999 1.999 0 0 0 1.4 3.429c.505 0 1.011-.19 1.4-.571l5.714-5.6a2 2 0 0 0-2.8-2.858m22.861-16.865l.145-.08l2.648-2.595a1.999 1.999 0 1 0-2.8-2.856l-2.762 2.707a7.8 7.8 0 0 1 2.769 2.824m7.107-7.703c.505 0 1.011-.19 1.399-.571l5.714-5.599a2 2 0 0 0-2.799-2.858l-5.714 5.599a2 2 0 0 0 1.4 3.429m11.428-11.199c.505 0 1.011-.19 1.399-.572l5.714-5.6a2 2 0 1 0-2.799-2.856l-5.714 5.6a2 2 0 0 0 1.4 3.428"/><path fill="currentColor" d="M92.917 42.969C80.419 30.471 61.223 27.94 47.162 35.754l-.121.119a7.7 7.7 0 0 1 .997 3.793c0 .072-.009.142-.011.214c12.618-7.75 30.503-5.642 42.062 5.916a2 2 0 0 0 2.828-2.827"/><path fill="currentColor" d="m47.041 35.873l.121-.119l-.145.08zM42.688 90.66c-6.166-6.166-9.561-14.437-9.561-23.29c0-7.347 2.346-14.29 6.666-19.965a7.7 7.7 0 0 1-3.445-1.053a8 8 0 0 1-.505-.32a7.8 7.8 0 0 1-2.307-2.525L29.87 47.1a2 2 0 0 0 2.8 2.858l1.672-1.638c-3.398 5.669-5.214 12.206-5.214 19.051c0 9.922 3.812 19.197 10.733 26.118c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0-.001-2.829m-.591-51.432c.196.062.397.102.6.102c.505 0 1.011-.19 1.4-.572l.659-.646a5 5 0 0 0-.296-.674a33 33 0 0 0-2.363 1.79"/></svg>

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

React

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

<Icon icon="geo:turf-bezier" width="24" />

Vue

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

<template>
  <Icon icon="geo:turf-bezier" width="24" />
</template>

Svelte

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

<Icon icon="geo:turf-bezier" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[geo--turf-bezier]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/geo -->
<div class="i-geo:turf-bezier"></div>

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

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

<iconify-icon icon="geo:turf-bezier"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/geo/turf-bezier.svg" alt="Иконка Turf Bezier" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки GeoGlyphs →