Point On Map Perspective Bold icon

solar:point-on-map-perspective-bold

The Point On Map Perspective Bold icon (solar:point-on-map-perspective-bold) 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: pointon, onmap, mapperspective, perspectivebold, pointonmapperspectivebold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 2C15.3431 2 14 3.34315 14 5C14 6.39788 14.9561 7.57246 16.25 7.90549L16.25 13C16.25 13.4142 16.5858 13.75 17 13.75C17.4142 13.75 17.75 13.4142 17.75 13V7.90549C19.0439 7.57245 20 6.39788 20 5C20 3.34315 18.6569 2 17 2Z"/><path d="M8 22H16C18.4822 22 19.8752 22 20.773 21.4061L12.2591 16.7234L4.21578 21.8034C5.08705 22 6.28293 22 8 22Z"/><path d="M10.7576 15.8976L2.51112 11.3621C2 12.2633 2 13.6389 2 16C2 18.6657 2 20.0752 2.73557 20.9642L10.7576 15.8976Z"/><path d="M22 16C22 13.1716 22 11.7574 21.1213 10.8787C20.6314 10.3888 19.9751 10.172 19 10.0761V13C19 14.1046 18.1046 15 17 15C15.8954 15 15 14.1046 15 13V10H8C5.95512 10 4.64944 10 3.75091 10.332L21.6868 20.1968C22 19.3 22 18.0055 22 16Z"/></g></svg>

How to use the Point On Map Perspective Bold icon

React

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

<Icon icon="solar:point-on-map-perspective-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:point-on-map-perspective-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:point-on-map-perspective-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--point-on-map-perspective-bold]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:point-on-map-perspective-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/point-on-map-perspective-bold.svg" alt="Point On Map Perspective Bold icon" width="24" height="24">

Related icons in Solar

Point On Map Perspective Bold icon FAQ

Is the Point On Map Perspective Bold 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 Point On Map Perspective Bold icon in React?

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

How do I add the Point On Map Perspective Bold icon to a web page?

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

Browse all Solar icons →