Icône Map Point Rotate Outline

solar:map-point-rotate-outline

L'icône Map Point Rotate Outline (solar:map-point-rotate-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: mappoint, pointrotate, rotateoutline, mappointrotateoutline

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="M5.25 8.10747C5.25 4.3328 8.25958 1.25 12 1.25C15.7404 1.25 18.75 4.3328 18.75 8.10747C18.75 9.9148 18.2356 11.85 17.3281 13.5209C16.4221 15.1891 15.0919 16.6514 13.4148 17.4353C12.517 17.8549 11.483 17.8549 10.5852 17.4353C8.90807 16.6514 7.57789 15.1891 6.6719 13.5209C5.76445 11.85 5.25 9.9148 5.25 8.10747ZM12 2.75C9.113 2.75 6.75 5.13601 6.75 8.10747C6.75 9.64677 7.19305 11.3375 7.99005 12.805C8.78851 14.2752 9.90972 15.4638 11.2204 16.0764C11.7156 16.3079 12.2844 16.3079 12.7796 16.0764C14.0903 15.4638 15.2115 14.2752 16.01 12.805C16.8069 11.3375 17.25 9.64677 17.25 8.10747C17.25 5.13601 14.887 2.75 12 2.75ZM12 6.75C11.3096 6.75 10.75 7.30964 10.75 8C10.75 8.69036 11.3096 9.25 12 9.25C12.6904 9.25 13.25 8.69036 13.25 8C13.25 7.30964 12.6904 6.75 12 6.75ZM9.25 8C9.25 6.48122 10.4812 5.25 12 5.25C13.5188 5.25 14.75 6.48122 14.75 8C14.75 9.51878 13.5188 10.75 12 10.75C10.4812 10.75 9.25 9.51878 9.25 8ZM3.62731 14.5342C3.88455 14.8589 3.82989 15.3306 3.50523 15.5878C2.93157 16.0424 2.75 16.443 2.75 16.75C2.75 16.993 2.86028 17.288 3.19064 17.6296C3.52438 17.9747 4.04582 18.3252 4.75556 18.6471C6.00981 19.2159 7.74351 19.6466 9.75 19.8343V19.375C9.75 19.0807 9.9221 18.8136 10.1901 18.692C10.4581 18.5704 10.7724 18.6168 10.9939 18.8106L12.4939 20.1231C12.6566 20.2655 12.75 20.4712 12.75 20.6875C12.75 20.9038 12.6566 21.1095 12.4939 21.2519L10.9939 22.5644C10.7724 22.7582 10.4581 22.8046 10.1901 22.683C9.9221 22.5614 9.75 22.2943 9.75 22V21.3404C7.56512 21.1487 5.60927 20.6813 4.13599 20.0131C3.32214 19.644 2.62069 19.1979 2.11244 18.6724C1.60081 18.1434 1.25 17.494 1.25 16.75C1.25 15.7998 1.81667 15.012 2.5737 14.4122C2.89836 14.1549 3.37008 14.2096 3.62731 14.5342ZM20.3727 14.5342C20.6299 14.2096 21.1016 14.1549 21.4263 14.4122C22.1833 15.012 22.75 15.7998 22.75 16.75C22.75 18.1281 21.5819 19.1606 20.2034 19.8514C18.7617 20.5738 16.791 21.0851 14.5756 21.3096C14.1635 21.3514 13.7956 21.0512 13.7538 20.6391C13.7121 20.227 14.0123 19.859 14.4244 19.8173C16.522 19.6047 18.3014 19.1266 19.5314 18.5103C20.8246 17.8623 21.25 17.2066 21.25 16.75C21.25 16.443 21.0684 16.0424 20.4948 15.5878C20.1701 15.3306 20.1155 14.8589 20.3727 14.5342Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Map Point Rotate Outline

React

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

<Icon icon="solar:map-point-rotate-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:map-point-rotate-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:map-point-rotate-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--map-point-rotate-outline]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:map-point-rotate-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/map-point-rotate-outline.svg" alt="Icône Map Point Rotate Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Map Point Rotate Outline

L'icône Map Point Rotate 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 Map Point Rotate Outline dans React ?

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

Comment ajouter l'icône Map Point Rotate Outline à une page web ?

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

Voir toutes les Icônes Solar →