compass big icon
compass-big-broken from Solar by 480 Design · Broken · Map · CC-BY-4.0 Attribution required.
- Name
- compass-big-broken
- Set
- Solar
- Style
- Broken
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-boldpoint-on-map-bold
Use the compass big icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5.02542 9.21017C5.56228 7.86802 5.8307 7.19695 6.29238 6.67048C6.41002 6.53633 6.53633 6.41002 6.67048 6.29238C7.19695 5.8307 7.86802 5.56228 9.21017 5.02542C15.5025 2.50848 18.6487 1.25001 20.4457 2.47117C20.8718 2.7607 21.2393 3.1282 21.5288 3.55428C22.4801 4.95418 21.9267 7.17279 20.4457 11.0596C20.0256 12.1623 19.5308 13.3992 18.9746 14.7898C18.4377 16.132 18.1693 16.8031 17.7076 17.3295C17.59 17.4637 17.4637 17.59 17.3295 17.7076C16.8031 18.1693 16.132 18.4377 14.7898 18.9746C8.49749 21.4915 5.35132 22.75 3.55428 21.5288C3.1282 21.2393 2.76071 20.8718 2.47117 20.4457C1.52476 19.053 2.06771 16.8499 3.53158 13"/><path d="M12.5 14.9585C12.3374 14.9858 12.1704 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 12.1704 14.9858 12.3374 14.9585 12.5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCompassBigBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M5.02542 9.21017C5.56228 7.86802 5.8307 7.19695 6.29238 6.67048C6.41002 6.53633 6.53633 6.41002 6.67048 6.29238C7.19695 5.8307 7.86802 5.56228 9.21017 5.02542C15.5025 2.50848 18.6487 1.25001 20.4457 2.47117C20.8718 2.7607 21.2393 3.1282 21.5288 3.55428C22.4801 4.95418 21.9267 7.17279 20.4457 11.0596C20.0256 12.1623 19.5308 13.3992 18.9746 14.7898C18.4377 16.132 18.1693 16.8031 17.7076 17.3295C17.59 17.4637 17.4637 17.59 17.3295 17.7076C16.8031 18.1693 16.132 18.4377 14.7898 18.9746C8.49749 21.4915 5.35132 22.75 3.55428 21.5288C3.1282 21.2393 2.76071 20.8718 2.47117 20.4457C1.52476 19.053 2.06771 16.8499 3.53158 13"/><path d="M12.5 14.9585C12.3374 14.9858 12.1704 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 12.1704 14.9858 12.3374 14.9585 12.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5.02542 9.21017C5.56228 7.86802 5.8307 7.19695 6.29238 6.67048C6.41002 6.53633 6.53633 6.41002 6.67048 6.29238C7.19695 5.8307 7.86802 5.56228 9.21017 5.02542C15.5025 2.50848 18.6487 1.25001 20.4457 2.47117C20.8718 2.7607 21.2393 3.1282 21.5288 3.55428C22.4801 4.95418 21.9267 7.17279 20.4457 11.0596C20.0256 12.1623 19.5308 13.3992 18.9746 14.7898C18.4377 16.132 18.1693 16.8031 17.7076 17.3295C17.59 17.4637 17.4637 17.59 17.3295 17.7076C16.8031 18.1693 16.132 18.4377 14.7898 18.9746C8.49749 21.4915 5.35132 22.75 3.55428 21.5288C3.1282 21.2393 2.76071 20.8718 2.47117 20.4457C1.52476 19.053 2.06771 16.8499 3.53158 13"/><path d="M12.5 14.9585C12.3374 14.9858 12.1704 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 12.1704 14.9858 12.3374 14.9585 12.5"/></g></svg> </template>
CSS
.icon-compass-big-broken {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.02542%209.21017C5.56228%207.86802%205.8307%207.19695%206.29238%206.67048C6.41002%206.53633%206.53633%206.41002%206.67048%206.29238C7.19695%205.8307%207.86802%205.56228%209.21017%205.02542C15.5025%202.50848%2018.6487%201.25001%2020.4457%202.47117C20.8718%202.7607%2021.2393%203.1282%2021.5288%203.55428C22.4801%204.95418%2021.9267%207.17279%2020.4457%2011.0596C20.0256%2012.1623%2019.5308%2013.3992%2018.9746%2014.7898C18.4377%2016.132%2018.1693%2016.8031%2017.7076%2017.3295C17.59%2017.4637%2017.4637%2017.59%2017.3295%2017.7076C16.8031%2018.1693%2016.132%2018.4377%2014.7898%2018.9746C8.49749%2021.4915%205.35132%2022.75%203.55428%2021.5288C3.1282%2021.2393%202.76071%2020.8718%202.47117%2020.4457C1.52476%2019.053%202.06771%2016.8499%203.53158%2013%22%2F%3E%3Cpath%20d%3D%22M12.5%2014.9585C12.3374%2014.9858%2012.1704%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012C15%2012.1704%2014.9858%2012.3374%2014.9585%2012.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.02542%209.21017C5.56228%207.86802%205.8307%207.19695%206.29238%206.67048C6.41002%206.53633%206.53633%206.41002%206.67048%206.29238C7.19695%205.8307%207.86802%205.56228%209.21017%205.02542C15.5025%202.50848%2018.6487%201.25001%2020.4457%202.47117C20.8718%202.7607%2021.2393%203.1282%2021.5288%203.55428C22.4801%204.95418%2021.9267%207.17279%2020.4457%2011.0596C20.0256%2012.1623%2019.5308%2013.3992%2018.9746%2014.7898C18.4377%2016.132%2018.1693%2016.8031%2017.7076%2017.3295C17.59%2017.4637%2017.4637%2017.59%2017.3295%2017.7076C16.8031%2018.1693%2016.132%2018.4377%2014.7898%2018.9746C8.49749%2021.4915%205.35132%2022.75%203.55428%2021.5288C3.1282%2021.2393%202.76071%2020.8718%202.47117%2020.4457C1.52476%2019.053%202.06771%2016.8499%203.53158%2013%22%2F%3E%3Cpath%20d%3D%22M12.5%2014.9585C12.3374%2014.9858%2012.1704%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012C15%2012.1704%2014.9858%2012.3374%2014.9585%2012.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/compass-big-broken.svg?color=%231a73e8&size=48
