Map Point Rotate Linear icon

solar:map-point-rotate-linear

The Map Point Rotate Linear icon (solar:map-point-rotate-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Map
Tags: mappoint, pointrotate, rotatelinear, mappointrotatelinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6 8.10747C6 4.73441 8.68629 2 12 2C15.3137 2 18 4.73441 18 8.10747C18 11.4541 16.085 15.3593 13.0972 16.7558C12.4007 17.0814 11.5993 17.0814 10.9028 16.7558C7.91499 15.3593 6 11.4541 6 8.10747Z"/><path d="M14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6C13.1046 6 14 6.89543 14 8Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 20.6435V22L12 20.6875L10.5 19.375V20.6435ZM10.5 20.6435C5.68874 20.3585 2 18.7239 2 16.75C2 16.1214 2.37412 15.5272 3.03947 15M20.9605 15C21.6259 15.5272 22 16.1214 22 16.75C22 18.5847 18.8131 20.1263 14.5 20.5635"/></g></svg>

How to use the Map Point Rotate Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:map-point-rotate-linear"></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-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/map-point-rotate-linear.svg" alt="Map Point Rotate Linear icon" width="24" height="24">

Related icons in Solar

Map Point Rotate Linear icon FAQ

Is the Map Point Rotate Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Map Point Rotate Linear icon in React?

Install @iconify/react and render <Icon icon="solar:map-point-rotate-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Map Point Rotate Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/map-point-rotate-linear.svg" alt="Map Point Rotate Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →