Иконка Turf Buffer

geo:turf-buffer

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M26.422 99h-.063c-2.205 0-4.384-.496-6.475-1.25c-.806-.291-1.595-.693-2.345-1.085c-1.224-.639-1.699-2.177-1.061-3.401s2.149-1.713 3.373-1.075c.553.288 1.135.537 1.732.752a14 14 0 0 0 4.777.837c1.381 0 2.532 1.23 2.532 2.611S27.803 99 26.422 99m7.659-2.138a2.5 2.5 0 0 1-1.167-4.713a14.1 14.1 0 0 0 5.014-4.441a2.5 2.5 0 1 1 4.116 2.84a19.1 19.1 0 0 1-6.799 6.025a2.5 2.5 0 0 1-1.164.289m-21.307-5.185a2.5 2.5 0 0 1-2.055-1.073a19.2 19.2 0 0 1-3.266-8.471a2.501 2.501 0 0 1 4.959-.639a14.2 14.2 0 0 0 2.413 6.256a2.499 2.499 0 0 1-2.051 3.927m30.415-7.315a2.5 2.5 0 0 1-2.351-3.35l2.708-7.495a2.5 2.5 0 1 1 4.702 1.699l-2.708 7.495a2.5 2.5 0 0 1-2.351 1.651m-32.361-7.888a2.5 2.5 0 0 1-2.351-3.35l2.708-7.495a2.5 2.5 0 1 1 4.702 1.699l-2.708 7.495a2.5 2.5 0 0 1-2.351 1.651m37.777-7.102a2.5 2.5 0 0 1-2.351-3.35l2.708-7.495a2.5 2.5 0 0 1 4.703 1.699l-2.709 7.495a2.5 2.5 0 0 1-2.351 1.651m-32.361-7.889a2.5 2.5 0 0 1-2.351-3.35l2.708-7.495a2.5 2.5 0 1 1 4.702 1.7l-2.708 7.495a2.5 2.5 0 0 1-2.351 1.65m38.455-6.529a2.5 2.5 0 0 1-1.223-4.682l6.955-3.89a2.5 2.5 0 1 1 2.441 4.364l-6.955 3.89a2.5 2.5 0 0 1-1.218.318m13.91-7.78a2.5 2.5 0 0 1-1.223-4.682l6.955-3.891a2.5 2.5 0 0 1 2.441 4.363l-6.955 3.891a2.5 2.5 0 0 1-1.218.319m-46.948-.681a2.5 2.5 0 0 1-2.351-3.35l2.708-7.495a2.5 2.5 0 1 1 4.702 1.7l-2.708 7.495a2.5 2.5 0 0 1-2.351 1.65m60.86-7.099a2.5 2.5 0 0 1-1.223-4.682l3.437-1.922a14.2 14.2 0 0 0 2.759-2.014a2.5 2.5 0 0 1 3.418 3.649a19 19 0 0 1-3.736 2.729l-3.436 1.922a2.5 2.5 0 0 1-1.219.318m-53.979-7.097a2.501 2.501 0 0 1-1.748-4.288a19 19 0 0 1 4.021-3.005l3.138-1.755a2.5 2.5 0 1 1 2.441 4.363l-3.138 1.755a14 14 0 0 0-2.965 2.217a2.5 2.5 0 0 1-1.749.713m64.961-3.812a2.5 2.5 0 0 1-2.36-3.324a14.1 14.1 0 0 0 .645-6.671a2.5 2.5 0 0 1 2.113-2.834a2.505 2.505 0 0 1 2.834 2.114a19.1 19.1 0 0 1-.872 9.04a2.5 2.5 0 0 1-2.36 1.675m-51.372-4.444a2.501 2.501 0 0 1-1.223-4.682l6.955-3.89a2.501 2.501 0 0 1 2.441 4.364l-6.955 3.89a2.5 2.5 0 0 1-1.218.318m13.91-7.781a2.5 2.5 0 0 1-1.223-4.682l6.955-3.89a2.5 2.5 0 0 1 2.441 4.364l-6.955 3.89a2.5 2.5 0 0 1-1.218.318m35.252-2.944c-.775 0-1.54-.36-2.029-1.037a14 14 0 0 0-5.104-4.333a2.5 2.5 0 0 1 2.233-4.475a19.1 19.1 0 0 1 6.926 5.882a2.5 2.5 0 0 1-2.026 3.963M69.952 8.48a2.502 2.502 0 0 1-1.199-4.696a19.1 19.1 0 0 1 8.784-2.324a2.48 2.48 0 0 1 2.542 2.458a2.5 2.5 0 0 1-2.458 2.542c-2.28.039-4.458.615-6.474 1.714c-.38.208-.791.306-1.195.306"/><path fill="currentColor" d="M26.359 82.213a2.5 2.5 0 0 1-2.351-3.35l14.075-38.952l38.569-21.573a2.5 2.5 0 0 1 2.441 4.364L42.152 43.364L28.71 80.562a2.5 2.5 0 0 1-2.351 1.651"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки GeoGlyphs →