crosshairs slash icon
crosshairs-slash-filled from Reicon by REICON · Filled · Map · MIT Free for personal and commercial use.
- Name
- crosshairs-slash-filled
- Set
- Reicon
- Style
- Filled
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More map icons from Reicon
Use the crosshairs slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.827 9.173A4 4 0 0 0 12 8c-2.205 0-4 1.795-4 4c0 1.103.448 2.103 1.173 2.827z"/><path d="M1.333 13h1.052a9.65 9.65 0 0 0 2.783 5.832l1.413-1.413A7.64 7.64 0 0 1 4.333 12c0-4.227 3.44-7.667 7.667-7.667c2.113 0 4.03.86 5.419 2.248l1.413-1.413A9.64 9.64 0 0 0 13 2.385V1.333a1 1 0 0 0-2 0v1.052C6.467 2.853 2.853 6.467 2.385 11H1.333a1 1 0 0 0 0 2m21.334-2h-1.052a9.6 9.6 0 0 0-1.008-3.364l-1.5 1.5c.358.885.56 1.85.56 2.864c0 4.227-3.44 7.667-7.667 7.667a7.6 7.6 0 0 1-2.864-.56l-1.5 1.5A9.6 9.6 0 0 0 11 21.615v1.052a1 1 0 0 0 2 0v-1.052c4.533-.468 8.147-4.082 8.615-8.615h1.052a1 1 0 0 0 0-2"/><path d="M2.667 22.333a1 1 0 0 1-.707-1.708L20.627 1.96a1 1 0 1 1 1.414 1.415L3.373 22.04a1 1 0 0 1-.706.293"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCrosshairsSlashFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.827 9.173A4 4 0 0 0 12 8c-2.205 0-4 1.795-4 4c0 1.103.448 2.103 1.173 2.827z"/><path d="M1.333 13h1.052a9.65 9.65 0 0 0 2.783 5.832l1.413-1.413A7.64 7.64 0 0 1 4.333 12c0-4.227 3.44-7.667 7.667-7.667c2.113 0 4.03.86 5.419 2.248l1.413-1.413A9.64 9.64 0 0 0 13 2.385V1.333a1 1 0 0 0-2 0v1.052C6.467 2.853 2.853 6.467 2.385 11H1.333a1 1 0 0 0 0 2m21.334-2h-1.052a9.6 9.6 0 0 0-1.008-3.364l-1.5 1.5c.358.885.56 1.85.56 2.864c0 4.227-3.44 7.667-7.667 7.667a7.6 7.6 0 0 1-2.864-.56l-1.5 1.5A9.6 9.6 0 0 0 11 21.615v1.052a1 1 0 0 0 2 0v-1.052c4.533-.468 8.147-4.082 8.615-8.615h1.052a1 1 0 0 0 0-2"/><path d="M2.667 22.333a1 1 0 0 1-.707-1.708L20.627 1.96a1 1 0 1 1 1.414 1.415L3.373 22.04a1 1 0 0 1-.706.293"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.827 9.173A4 4 0 0 0 12 8c-2.205 0-4 1.795-4 4c0 1.103.448 2.103 1.173 2.827z"/><path d="M1.333 13h1.052a9.65 9.65 0 0 0 2.783 5.832l1.413-1.413A7.64 7.64 0 0 1 4.333 12c0-4.227 3.44-7.667 7.667-7.667c2.113 0 4.03.86 5.419 2.248l1.413-1.413A9.64 9.64 0 0 0 13 2.385V1.333a1 1 0 0 0-2 0v1.052C6.467 2.853 2.853 6.467 2.385 11H1.333a1 1 0 0 0 0 2m21.334-2h-1.052a9.6 9.6 0 0 0-1.008-3.364l-1.5 1.5c.358.885.56 1.85.56 2.864c0 4.227-3.44 7.667-7.667 7.667a7.6 7.6 0 0 1-2.864-.56l-1.5 1.5A9.6 9.6 0 0 0 11 21.615v1.052a1 1 0 0 0 2 0v-1.052c4.533-.468 8.147-4.082 8.615-8.615h1.052a1 1 0 0 0 0-2"/><path d="M2.667 22.333a1 1 0 0 1-.707-1.708L20.627 1.96a1 1 0 1 1 1.414 1.415L3.373 22.04a1 1 0 0 1-.706.293"/></g></svg> </template>
CSS
.icon-crosshairs-slash-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.827%209.173A4%204%200%200%200%2012%208c-2.205%200-4%201.795-4%204c0%201.103.448%202.103%201.173%202.827z%22%2F%3E%3Cpath%20d%3D%22M1.333%2013h1.052a9.65%209.65%200%200%200%202.783%205.832l1.413-1.413A7.64%207.64%200%200%201%204.333%2012c0-4.227%203.44-7.667%207.667-7.667c2.113%200%204.03.86%205.419%202.248l1.413-1.413A9.64%209.64%200%200%200%2013%202.385V1.333a1%201%200%200%200-2%200v1.052C6.467%202.853%202.853%206.467%202.385%2011H1.333a1%201%200%200%200%200%202m21.334-2h-1.052a9.6%209.6%200%200%200-1.008-3.364l-1.5%201.5c.358.885.56%201.85.56%202.864c0%204.227-3.44%207.667-7.667%207.667a7.6%207.6%200%200%201-2.864-.56l-1.5%201.5A9.6%209.6%200%200%200%2011%2021.615v1.052a1%201%200%200%200%202%200v-1.052c4.533-.468%208.147-4.082%208.615-8.615h1.052a1%201%200%200%200%200-2%22%2F%3E%3Cpath%20d%3D%22M2.667%2022.333a1%201%200%200%201-.707-1.708L20.627%201.96a1%201%200%201%201%201.414%201.415L3.373%2022.04a1%201%200%200%201-.706.293%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.827%209.173A4%204%200%200%200%2012%208c-2.205%200-4%201.795-4%204c0%201.103.448%202.103%201.173%202.827z%22%2F%3E%3Cpath%20d%3D%22M1.333%2013h1.052a9.65%209.65%200%200%200%202.783%205.832l1.413-1.413A7.64%207.64%200%200%201%204.333%2012c0-4.227%203.44-7.667%207.667-7.667c2.113%200%204.03.86%205.419%202.248l1.413-1.413A9.64%209.64%200%200%200%2013%202.385V1.333a1%201%200%200%200-2%200v1.052C6.467%202.853%202.853%206.467%202.385%2011H1.333a1%201%200%200%200%200%202m21.334-2h-1.052a9.6%209.6%200%200%200-1.008-3.364l-1.5%201.5c.358.885.56%201.85.56%202.864c0%204.227-3.44%207.667-7.667%207.667a7.6%207.6%200%200%201-2.864-.56l-1.5%201.5A9.6%209.6%200%200%200%2011%2021.615v1.052a1%201%200%200%200%202%200v-1.052c4.533-.468%208.147-4.082%208.615-8.615h1.052a1%201%200%200%200%200-2%22%2F%3E%3Cpath%20d%3D%22M2.667%2022.333a1%201%200%200%201-.707-1.708L20.627%201.96a1%201%200%201%201%201.414%201.415L3.373%2022.04a1%201%200%200%201-.706.293%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/crosshairs-slash-filled.svg?color=%231a73e8&size=48
