strategy icon

strategy from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: strategy
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

strategy-bold strategy-duotone strategy-fill strategy-light strategy-thin

The same icon in other sets

strategyHuge Icons strategyIconoir strategyMaterial Symbols strategyMaterial Design Icons

Use the strategy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M76 152a36 36 0 1 0 36 36a36 36 0 0 0-36-36m0 56a20 20 0 1 1 20-20a20 20 0 0 1-20 20M42.34 106.34L56.69 92L42.34 77.66a8 8 0 0 1 11.32-11.32L68 80.69l14.34-14.35a8 8 0 0 1 11.32 11.32L79.31 92l14.35 14.34a8 8 0 0 1-11.32 11.32L68 103.31l-14.34 14.35a8 8 0 0 1-11.32-11.32m187.32 96a8 8 0 0 1-11.32 11.32L204 199.31l-14.34 14.35a8 8 0 0 1-11.32-11.32L192.69 188l-14.35-14.34a8 8 0 0 1 11.32-11.32L204 176.69l14.34-14.35a8 8 0 0 1 11.32 11.32L215.31 188Zm-45.19-89.51c-6.18 22.33-25.32 41.63-46.53 46.93a8 8 0 0 1-1.94.24a8 8 0 0 1-1.93-15.76c15.63-3.91 30.35-18.91 35-35.68c3.19-11.5 3.22-29-14.71-46.9L152 59.31V80a8 8 0 0 1-16 0V40a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-20.69l2.35 2.34c18.24 18.25 24.92 40.44 18.81 62.49"/></svg>

React

import type { SVGProps } from "react";

export function PhStrategy(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="M76 152a36 36 0 1 0 36 36a36 36 0 0 0-36-36m0 56a20 20 0 1 1 20-20a20 20 0 0 1-20 20M42.34 106.34L56.69 92L42.34 77.66a8 8 0 0 1 11.32-11.32L68 80.69l14.34-14.35a8 8 0 0 1 11.32 11.32L79.31 92l14.35 14.34a8 8 0 0 1-11.32 11.32L68 103.31l-14.34 14.35a8 8 0 0 1-11.32-11.32m187.32 96a8 8 0 0 1-11.32 11.32L204 199.31l-14.34 14.35a8 8 0 0 1-11.32-11.32L192.69 188l-14.35-14.34a8 8 0 0 1 11.32-11.32L204 176.69l14.34-14.35a8 8 0 0 1 11.32 11.32L215.31 188Zm-45.19-89.51c-6.18 22.33-25.32 41.63-46.53 46.93a8 8 0 0 1-1.94.24a8 8 0 0 1-1.93-15.76c15.63-3.91 30.35-18.91 35-35.68c3.19-11.5 3.22-29-14.71-46.9L152 59.31V80a8 8 0 0 1-16 0V40a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-20.69l2.35 2.34c18.24 18.25 24.92 40.44 18.81 62.49"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M76 152a36 36 0 1 0 36 36a36 36 0 0 0-36-36m0 56a20 20 0 1 1 20-20a20 20 0 0 1-20 20M42.34 106.34L56.69 92L42.34 77.66a8 8 0 0 1 11.32-11.32L68 80.69l14.34-14.35a8 8 0 0 1 11.32 11.32L79.31 92l14.35 14.34a8 8 0 0 1-11.32 11.32L68 103.31l-14.34 14.35a8 8 0 0 1-11.32-11.32m187.32 96a8 8 0 0 1-11.32 11.32L204 199.31l-14.34 14.35a8 8 0 0 1-11.32-11.32L192.69 188l-14.35-14.34a8 8 0 0 1 11.32-11.32L204 176.69l14.34-14.35a8 8 0 0 1 11.32 11.32L215.31 188Zm-45.19-89.51c-6.18 22.33-25.32 41.63-46.53 46.93a8 8 0 0 1-1.94.24a8 8 0 0 1-1.93-15.76c15.63-3.91 30.35-18.91 35-35.68c3.19-11.5 3.22-29-14.71-46.9L152 59.31V80a8 8 0 0 1-16 0V40a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-20.69l2.35 2.34c18.24 18.25 24.92 40.44 18.81 62.49"/></svg>
</template>

CSS

.icon-strategy {
  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%22M76%20152a36%2036%200%201%200%2036%2036a36%2036%200%200%200-36-36m0%2056a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M42.34%20106.34L56.69%2092L42.34%2077.66a8%208%200%200%201%2011.32-11.32L68%2080.69l14.34-14.35a8%208%200%200%201%2011.32%2011.32L79.31%2092l14.35%2014.34a8%208%200%200%201-11.32%2011.32L68%20103.31l-14.34%2014.35a8%208%200%200%201-11.32-11.32m187.32%2096a8%208%200%200%201-11.32%2011.32L204%20199.31l-14.34%2014.35a8%208%200%200%201-11.32-11.32L192.69%20188l-14.35-14.34a8%208%200%200%201%2011.32-11.32L204%20176.69l14.34-14.35a8%208%200%200%201%2011.32%2011.32L215.31%20188Zm-45.19-89.51c-6.18%2022.33-25.32%2041.63-46.53%2046.93a8%208%200%200%201-1.94.24a8%208%200%200%201-1.93-15.76c15.63-3.91%2030.35-18.91%2035-35.68c3.19-11.5%203.22-29-14.71-46.9L152%2059.31V80a8%208%200%200%201-16%200V40a8%208%200%200%201%208-8h40a8%208%200%200%201%200%2016h-20.69l2.35%202.34c18.24%2018.25%2024.92%2040.44%2018.81%2062.49%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%22M76%20152a36%2036%200%201%200%2036%2036a36%2036%200%200%200-36-36m0%2056a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M42.34%20106.34L56.69%2092L42.34%2077.66a8%208%200%200%201%2011.32-11.32L68%2080.69l14.34-14.35a8%208%200%200%201%2011.32%2011.32L79.31%2092l14.35%2014.34a8%208%200%200%201-11.32%2011.32L68%20103.31l-14.34%2014.35a8%208%200%200%201-11.32-11.32m187.32%2096a8%208%200%200%201-11.32%2011.32L204%20199.31l-14.34%2014.35a8%208%200%200%201-11.32-11.32L192.69%20188l-14.35-14.34a8%208%200%200%201%2011.32-11.32L204%20176.69l14.34-14.35a8%208%200%200%201%2011.32%2011.32L215.31%20188Zm-45.19-89.51c-6.18%2022.33-25.32%2041.63-46.53%2046.93a8%208%200%200%201-1.94.24a8%208%200%200%201-1.93-15.76c15.63-3.91%2030.35-18.91%2035-35.68c3.19-11.5%203.22-29-14.71-46.9L152%2059.31V80a8%208%200%200%201-16%200V40a8%208%200%200%201%208-8h40a8%208%200%200%201%200%2016h-20.69l2.35%202.34c18.24%2018.25%2024.92%2040.44%2018.81%2062.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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