compass rose icon

compass-rose-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
compass-rose-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

compass-rosecompass-rose-boldcompass-rose-duotonecompass-rose-fillcompass-rose-thin

The same icon in other sets

compass-roseMaterial Design Icons

Related icons in Phosphor

compass-tool

Use the compass rose icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.46 122.18l-28.34-7.09a93.87 93.87 0 0 0-80.22-80.21l-7.08-28.34a6 6 0 0 0-11.64 0l-7.08 28.34a93.87 93.87 0 0 0-80.22 80.21l-28.34 7.09a6 6 0 0 0 0 11.64l28.34 7.09a93.87 93.87 0 0 0 80.22 80.21l7.08 28.34a6 6 0 0 0 11.64 0l7.08-28.34a93.87 93.87 0 0 0 80.22-80.21l28.34-7.09a6 6 0 0 0 0-11.64m-41.05-10.26L157 99.05l-12.92-51.46a81.87 81.87 0 0 1 64.33 64.33m-63-9.76L128 119.51l-17.36-17.35L128 32.74Zm-33.49-54.57L99.05 99.05l-51.46 12.87a81.87 81.87 0 0 1 64.33-64.33m-9.76 63.06L119.52 128l-17.36 17.35L32.74 128Zm-54.57 33.43L99.05 157l12.87 51.46a81.87 81.87 0 0 1-64.33-64.38m63.05 9.76L128 136.49l17.36 17.35L128 223.26Zm33.44 54.57L157 157l51.46-12.87a81.87 81.87 0 0 1-64.38 64.28m9.76-63.06L136.48 128l17.36-17.35L223.26 128Z"/></svg>

React

import type { SVGProps } from "react";

export function PhCompassRoseLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.46 122.18l-28.34-7.09a93.87 93.87 0 0 0-80.22-80.21l-7.08-28.34a6 6 0 0 0-11.64 0l-7.08 28.34a93.87 93.87 0 0 0-80.22 80.21l-28.34 7.09a6 6 0 0 0 0 11.64l28.34 7.09a93.87 93.87 0 0 0 80.22 80.21l7.08 28.34a6 6 0 0 0 11.64 0l7.08-28.34a93.87 93.87 0 0 0 80.22-80.21l28.34-7.09a6 6 0 0 0 0-11.64m-41.05-10.26L157 99.05l-12.92-51.46a81.87 81.87 0 0 1 64.33 64.33m-63-9.76L128 119.51l-17.36-17.35L128 32.74Zm-33.49-54.57L99.05 99.05l-51.46 12.87a81.87 81.87 0 0 1 64.33-64.33m-9.76 63.06L119.52 128l-17.36 17.35L32.74 128Zm-54.57 33.43L99.05 157l12.87 51.46a81.87 81.87 0 0 1-64.33-64.38m63.05 9.76L128 136.49l17.36 17.35L128 223.26Zm33.44 54.57L157 157l51.46-12.87a81.87 81.87 0 0 1-64.38 64.28m9.76-63.06L136.48 128l17.36-17.35L223.26 128Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.46 122.18l-28.34-7.09a93.87 93.87 0 0 0-80.22-80.21l-7.08-28.34a6 6 0 0 0-11.64 0l-7.08 28.34a93.87 93.87 0 0 0-80.22 80.21l-28.34 7.09a6 6 0 0 0 0 11.64l28.34 7.09a93.87 93.87 0 0 0 80.22 80.21l7.08 28.34a6 6 0 0 0 11.64 0l7.08-28.34a93.87 93.87 0 0 0 80.22-80.21l28.34-7.09a6 6 0 0 0 0-11.64m-41.05-10.26L157 99.05l-12.92-51.46a81.87 81.87 0 0 1 64.33 64.33m-63-9.76L128 119.51l-17.36-17.35L128 32.74Zm-33.49-54.57L99.05 99.05l-51.46 12.87a81.87 81.87 0 0 1 64.33-64.33m-9.76 63.06L119.52 128l-17.36 17.35L32.74 128Zm-54.57 33.43L99.05 157l12.87 51.46a81.87 81.87 0 0 1-64.33-64.38m63.05 9.76L128 136.49l17.36 17.35L128 223.26Zm33.44 54.57L157 157l51.46-12.87a81.87 81.87 0 0 1-64.38 64.28m9.76-63.06L136.48 128l17.36-17.35L223.26 128Z"/></svg>
</template>

CSS

.icon-compass-rose-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m249.46%20122.18l-28.34-7.09a93.87%2093.87%200%200%200-80.22-80.21l-7.08-28.34a6%206%200%200%200-11.64%200l-7.08%2028.34a93.87%2093.87%200%200%200-80.22%2080.21l-28.34%207.09a6%206%200%200%200%200%2011.64l28.34%207.09a93.87%2093.87%200%200%200%2080.22%2080.21l7.08%2028.34a6%206%200%200%200%2011.64%200l7.08-28.34a93.87%2093.87%200%200%200%2080.22-80.21l28.34-7.09a6%206%200%200%200%200-11.64m-41.05-10.26L157%2099.05l-12.92-51.46a81.87%2081.87%200%200%201%2064.33%2064.33m-63-9.76L128%20119.51l-17.36-17.35L128%2032.74Zm-33.49-54.57L99.05%2099.05l-51.46%2012.87a81.87%2081.87%200%200%201%2064.33-64.33m-9.76%2063.06L119.52%20128l-17.36%2017.35L32.74%20128Zm-54.57%2033.43L99.05%20157l12.87%2051.46a81.87%2081.87%200%200%201-64.33-64.38m63.05%209.76L128%20136.49l17.36%2017.35L128%20223.26Zm33.44%2054.57L157%20157l51.46-12.87a81.87%2081.87%200%200%201-64.38%2064.28m9.76-63.06L136.48%20128l17.36-17.35L223.26%20128Z%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m249.46%20122.18l-28.34-7.09a93.87%2093.87%200%200%200-80.22-80.21l-7.08-28.34a6%206%200%200%200-11.64%200l-7.08%2028.34a93.87%2093.87%200%200%200-80.22%2080.21l-28.34%207.09a6%206%200%200%200%200%2011.64l28.34%207.09a93.87%2093.87%200%200%200%2080.22%2080.21l7.08%2028.34a6%206%200%200%200%2011.64%200l7.08-28.34a93.87%2093.87%200%200%200%2080.22-80.21l28.34-7.09a6%206%200%200%200%200-11.64m-41.05-10.26L157%2099.05l-12.92-51.46a81.87%2081.87%200%200%201%2064.33%2064.33m-63-9.76L128%20119.51l-17.36-17.35L128%2032.74Zm-33.49-54.57L99.05%2099.05l-51.46%2012.87a81.87%2081.87%200%200%201%2064.33-64.33m-9.76%2063.06L119.52%20128l-17.36%2017.35L32.74%20128Zm-54.57%2033.43L99.05%20157l12.87%2051.46a81.87%2081.87%200%200%201-64.33-64.38m63.05%209.76L128%20136.49l17.36%2017.35L128%20223.26Zm33.44%2054.57L157%20157l51.46-12.87a81.87%2081.87%200%200%201-64.38%2064.28m9.76-63.06L136.48%20128l17.36-17.35L223.26%20128Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/compass-rose-light.svg?color=%231a73e8&size=48