ICONYZ
Français
Icône Polar Chart de Boxicons

Icône Polar Chart

boxicons:polar-chart

L'icône Polar Chart (boxicons:polar-chart) est une icône SVG gratuite de la collection Boxicons. Elle est dessinée sur une grille de 24 × 24. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Boxicons
Auteur
Boxicons
Licence
MIT
Taille
24 × 24
Mots-clés
polarchart
Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/boxicons/polar-chart.svg" alt="Icône Polar Chart" width="24" height="24">

Icônes similaires dans Boxicons

L'icône Polar Chart dans d'autres collections

FAQ : Icône Polar Chart

L'icône Polar Chart est-elle gratuite pour un usage commercial ?

Oui. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Polar Chart dans React ?

Installez @iconify/react et affichez <Icon icon="boxicons:polar-chart" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Polar Chart à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/boxicons/polar-chart.svg" alt="Icône Polar Chart">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Boxicons →