Иконка Polar Chart

boxicons:polar-chart

Иконка Polar Chart (boxicons:polar-chart) — бесплатная SVG-иконка из набора Boxicons. Она нарисована на сетке 24 × 24. Boxicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Boxicons
Автор: Boxicons
Лицензия: MIT
Размер: 24 × 24
Теги: polarchart

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.27 17.61c.19-.28.37-.58.54-.88c.06-.11.11-.23.17-.34a8 8 0 0 0 .44-1.06c.08-.23.15-.46.22-.69c.04-.13.07-.26.1-.39c.06-.25.1-.51.14-.77c.02-.11.04-.23.05-.34c.04-.37.07-.75.07-1.14c0-5.51-4.49-10-10-10S2 6.49 2 12s4.49 10 10 10c2.48 0 4.75-.92 6.5-2.42c.1-.08.19-.17.29-.26c.17-.16.33-.32.49-.48c.11-.12.22-.23.32-.35c.14-.16.27-.33.4-.5c.09-.12.19-.24.27-.36Zm-.4-4.24c-.02.1-.03.19-.05.29q-.06.285-.15.57c-.02.05-.03.11-.04.16q-.225.735-.6 1.41c-.02.03-.03.06-.05.09c-.11.19-.22.38-.34.56c-.03.04-.06.08-.08.12q-.165.24-.36.48c-.04.05-.09.11-.14.16c-.11.13-.23.26-.35.38l-.22.22c-.06.06-.13.12-.19.18l-3.41-4.97h6.03c-.02.13-.04.25-.06.37ZM8 12c0-1.86 1.28-3.41 3-3.86v3.4l-2.58 2.21A3.96 3.96 0 0 1 8 12m5-3.86A4 4 0 0 1 15.86 11H13zm-1.2 5.34l1.55 2.27c-.43.16-.89.25-1.36.25c-.85 0-1.64-.27-2.28-.72l2.09-1.79ZM19.93 11h-2.02A5.99 5.99 0 0 0 13 6.09V4.07c3.61.45 6.48 3.32 6.93 6.93M11 4.07v2.02C8.17 6.57 6 9.03 6 12c0 1.13.32 2.18.86 3.09l-1.54 1.32a7.9 7.9 0 0 1-1.33-4.4c0-4.07 3.06-7.44 7-7.93ZM6.63 17.92l1.53-1.31C9.2 17.48 10.54 18 12 18c.88 0 1.73-.19 2.52-.56l1.14 1.66a7.96 7.96 0 0 1-9.02-1.19Z"/></svg>

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

React

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

<Icon icon="boxicons:polar-chart" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:polar-chart" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:polar-chart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--polar-chart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:polar-chart"></div>

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

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

<iconify-icon icon="boxicons:polar-chart"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/boxicons/polar-chart.svg" alt="Иконка Polar Chart" width="24" height="24">

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

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

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

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

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

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

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

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

Все Boxicons →