ICONYZ
English
Map Point Rotate Broken icon from Solar

Map Point Rotate Broken icon

solar:map-point-rotate-broken

The Map Point Rotate Broken icon (solar:map-point-rotate-broken) 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, rotatebroken, mappointrotatebroken
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="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"/><path stroke-linecap="round" d="M6.75 11.9121C6.2644 10.6717 6 9.351 6 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.7558C9.94855 16.3098 9.10373 15.6079 8.39578 14.75"/></g></svg>

How to use the Map Point Rotate Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Map Point Rotate Broken icon FAQ

Is the Map Point Rotate Broken 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 Broken icon in React?

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

How do I add the Map Point Rotate Broken 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-broken.svg" alt="Map Point Rotate Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →