Icône Compass Big Outline

solar:compass-big-outline

L'icône Compass Big Outline (solar:compass-big-outline) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Carte
Mots-clés: compassbig, bigoutline, compassbigoutline

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" fill-rule="evenodd" d="M16.7059 3.07145C14.9631 3.53348 12.6544 4.45549 9.4887 5.72176C8.0978 6.27812 7.5723 6.49906 7.16497 6.85626C7.05543 6.95231 6.95231 7.05544 6.85626 7.16497C6.49906 7.5723 6.27812 8.09779 5.72176 9.4887C4.45549 12.6544 3.53348 14.9631 3.07145 16.7059C2.60281 18.4736 2.67875 19.4168 3.09148 20.0242C3.32788 20.3721 3.62792 20.6721 3.9758 20.9085C4.58318 21.3212 5.52637 21.3972 7.29412 20.9285C9.03691 20.4665 11.3456 19.5445 14.5113 18.2782C15.9022 17.7219 16.4277 17.5009 16.835 17.1437L17.2938 17.6669L16.835 17.1437C16.9445 17.0477 17.0477 16.9445 17.1437 16.835L17.6726 17.2988L17.1437 16.835C17.5009 16.4277 17.7219 15.9022 18.2782 14.5113C19.5445 11.3456 20.4665 9.03691 20.9285 7.29412C21.3972 5.52637 21.3212 4.58318 20.9085 3.9758C20.6721 3.62792 20.3721 3.32788 20.0242 3.09148C19.4168 2.67875 18.4736 2.60281 16.7059 3.07145ZM16.3215 1.62154C18.1492 1.137 19.6776 1.04241 20.8672 1.85083C21.3715 2.19351 21.8065 2.62845 22.1491 3.13273C22.9576 4.32239 22.863 5.85081 22.3784 7.6785C21.8901 9.52037 20.9328 11.9137 19.6927 15.0139L19.6709 15.0684C19.6539 15.111 19.637 15.1532 19.6204 15.1948C19.1325 16.4154 18.819 17.1997 18.2715 17.824C18.1323 17.9828 17.9828 18.1323 17.824 18.2715C17.1997 18.819 16.4154 19.1325 15.1948 19.6204C15.1532 19.637 15.111 19.6539 15.0684 19.6709L15.0139 19.6927C11.9137 20.9328 9.52038 21.8901 7.6785 22.3784C5.85081 22.863 4.32239 22.9576 3.13273 22.1491C2.62845 21.8065 2.19351 21.3715 1.85083 20.8672L2.47116 20.4457L1.85083 20.8672C1.04241 19.6776 1.137 18.1492 1.62154 16.3215C2.10984 14.4796 3.06718 12.0863 4.30727 8.98605L4.32905 8.93161C4.34611 8.88895 4.36296 8.8468 4.37961 8.80516C4.86752 7.58453 5.181 6.80028 5.72847 6.17598C5.86771 6.0172 6.0172 5.86771 6.17598 5.72847C6.80028 5.181 7.58454 4.86752 8.80517 4.3796C8.84681 4.36296 8.88895 4.34611 8.93161 4.32905L8.98605 4.30727C12.0863 3.06718 14.4796 2.10984 16.3215 1.62154ZM12 9.74999C10.7573 9.74999 9.74999 10.7573 9.74999 12C9.74999 13.2426 10.7573 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7573 13.2426 9.74999 12 9.74999ZM8.24999 12C8.24999 9.92892 9.92892 8.24999 12 8.24999C14.0711 8.24999 15.75 9.92892 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92892 15.75 8.24999 14.0711 8.24999 12Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Compass Big Outline

React

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

<Icon icon="solar:compass-big-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:compass-big-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:compass-big-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--compass-big-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:compass-big-outline"></div>

Web component

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

<iconify-icon icon="solar:compass-big-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/compass-big-outline.svg" alt="Icône Compass Big Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Compass Big Outline

L'icône Compass Big Outline est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Compass Big Outline dans React ?

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

Comment ajouter l'icône Compass Big Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/compass-big-outline.svg" alt="Icône Compass Big Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →