construct icon

construct-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: construct-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

Use the construct icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m497.14 111.38l-81.09 80.84l-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35c-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 0 0 0 17l52.27 52.11a12 12 0 0 0 17 0l180-180.5c43.16 16.21 98 11.64 132.74-23c37.5-37.45 37.42-100.34 15.56-145.6"/><path fill="currentColor" d="m365.45 308.62l-71.83 72l75.53 79.92a10.88 10.88 0 0 0 15.65.21l60-60.46a11 11 0 0 0-.24-15.69ZM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06 1.06 0 0 1-.26-.8a16.16 16.16 0 0 1 9.52-2c1.27.13 5.91.9 12.4 4.91c3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 0 0 .14 15.35l7.43 7.86l65.66-65.17l-8.25-7.84a10.87 10.87 0 0 0-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47 4.14-28 14-36c5.84-4.62 17.88-8.08 29-9a52.7 52.7 0 0 1 11.61.6c3.47.5 6.3 1.14 7.39 1.4a68.5 68.5 0 0 1 11 4l12-19a88.4 88.4 0 0 0-13.4-17.7a115 115 0 0 0-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4 117.4 0 0 0-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.6 219.6 0 0 0 67 128.56c-5.35 7.53-4.77 15.84-4.38 21.34c0 .32 0 .67.07 1a18.4 18.4 0 0 0-10.78-3.5A18 18 0 0 0 39 152.73L2 189.62a6.79 6.79 0 0 0 0 9.6L65 262a6.72 6.72 0 0 0 9.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13"/></svg>

React

import type { SVGProps } from "react";

export function IonConstructSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m497.14 111.38l-81.09 80.84l-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35c-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 0 0 0 17l52.27 52.11a12 12 0 0 0 17 0l180-180.5c43.16 16.21 98 11.64 132.74-23c37.5-37.45 37.42-100.34 15.56-145.6"/><path fill="currentColor" d="m365.45 308.62l-71.83 72l75.53 79.92a10.88 10.88 0 0 0 15.65.21l60-60.46a11 11 0 0 0-.24-15.69ZM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06 1.06 0 0 1-.26-.8a16.16 16.16 0 0 1 9.52-2c1.27.13 5.91.9 12.4 4.91c3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 0 0 .14 15.35l7.43 7.86l65.66-65.17l-8.25-7.84a10.87 10.87 0 0 0-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47 4.14-28 14-36c5.84-4.62 17.88-8.08 29-9a52.7 52.7 0 0 1 11.61.6c3.47.5 6.3 1.14 7.39 1.4a68.5 68.5 0 0 1 11 4l12-19a88.4 88.4 0 0 0-13.4-17.7a115 115 0 0 0-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4 117.4 0 0 0-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.6 219.6 0 0 0 67 128.56c-5.35 7.53-4.77 15.84-4.38 21.34c0 .32 0 .67.07 1a18.4 18.4 0 0 0-10.78-3.5A18 18 0 0 0 39 152.73L2 189.62a6.79 6.79 0 0 0 0 9.6L65 262a6.72 6.72 0 0 0 9.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m497.14 111.38l-81.09 80.84l-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35c-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 0 0 0 17l52.27 52.11a12 12 0 0 0 17 0l180-180.5c43.16 16.21 98 11.64 132.74-23c37.5-37.45 37.42-100.34 15.56-145.6"/><path fill="currentColor" d="m365.45 308.62l-71.83 72l75.53 79.92a10.88 10.88 0 0 0 15.65.21l60-60.46a11 11 0 0 0-.24-15.69ZM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06 1.06 0 0 1-.26-.8a16.16 16.16 0 0 1 9.52-2c1.27.13 5.91.9 12.4 4.91c3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 0 0 .14 15.35l7.43 7.86l65.66-65.17l-8.25-7.84a10.87 10.87 0 0 0-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47 4.14-28 14-36c5.84-4.62 17.88-8.08 29-9a52.7 52.7 0 0 1 11.61.6c3.47.5 6.3 1.14 7.39 1.4a68.5 68.5 0 0 1 11 4l12-19a88.4 88.4 0 0 0-13.4-17.7a115 115 0 0 0-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4 117.4 0 0 0-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.6 219.6 0 0 0 67 128.56c-5.35 7.53-4.77 15.84-4.38 21.34c0 .32 0 .67.07 1a18.4 18.4 0 0 0-10.78-3.5A18 18 0 0 0 39 152.73L2 189.62a6.79 6.79 0 0 0 0 9.6L65 262a6.72 6.72 0 0 0 9.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13"/></svg>
</template>

CSS

.icon-construct-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m497.14%20111.38l-81.09%2080.84l-48.58-48.41L448.56%2063c-45.22-22-108.65-22.09-146.2%2015.35c-35.32%2035.2-39.73%2090.61-22.54%20134.2L99.57%20391.37a12%2012%200%200%200%200%2017l52.27%2052.11a12%2012%200%200%200%2017%200l180-180.5c43.16%2016.21%2098%2011.64%20132.74-23c37.5-37.45%2037.42-100.34%2015.56-145.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m365.45%20308.62l-71.83%2072l75.53%2079.92a10.88%2010.88%200%200%200%2015.65.21l60-60.46a11%2011%200%200%200-.24-15.69ZM119%20212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06%201.06%200%200%201-.26-.8a16.16%2016.16%200%200%201%209.52-2c1.27.13%205.91.9%2012.4%204.91c3.38%202.09%2032.63%2030.23%2043.93%2040.7a11%2011%200%200%200%20.14%2015.35l7.43%207.86l65.66-65.17l-8.25-7.84a10.87%2010.87%200%200%200-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47%204.14-28%2014-36c5.84-4.62%2017.88-8.08%2029-9a52.7%2052.7%200%200%201%2011.61.6c3.47.5%206.3%201.14%207.39%201.4a68.5%2068.5%200%200%201%2011%204l12-19a88.4%2088.4%200%200%200-13.4-17.7a115%20115%200%200%200-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4%20117.4%200%200%200-44.77%208.82c-37.44%2015.34-61.88%2036.25-73.11%2047.35l-.07.07A219.6%20219.6%200%200%200%2067%20128.56c-5.35%207.53-4.77%2015.84-4.38%2021.34c0%20.32%200%20.67.07%201a18.4%2018.4%200%200%200-10.78-3.5A18%2018%200%200%200%2039%20152.73L2%20189.62a6.79%206.79%200%200%200%200%209.6L65%20262a6.72%206.72%200%200%200%209.5%200l37.06-37c3.44-3.44%207.44-8.14%207.44-13%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m497.14%20111.38l-81.09%2080.84l-48.58-48.41L448.56%2063c-45.22-22-108.65-22.09-146.2%2015.35c-35.32%2035.2-39.73%2090.61-22.54%20134.2L99.57%20391.37a12%2012%200%200%200%200%2017l52.27%2052.11a12%2012%200%200%200%2017%200l180-180.5c43.16%2016.21%2098%2011.64%20132.74-23c37.5-37.45%2037.42-100.34%2015.56-145.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m365.45%20308.62l-71.83%2072l75.53%2079.92a10.88%2010.88%200%200%200%2015.65.21l60-60.46a11%2011%200%200%200-.24-15.69ZM119%20212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06%201.06%200%200%201-.26-.8a16.16%2016.16%200%200%201%209.52-2c1.27.13%205.91.9%2012.4%204.91c3.38%202.09%2032.63%2030.23%2043.93%2040.7a11%2011%200%200%200%20.14%2015.35l7.43%207.86l65.66-65.17l-8.25-7.84a10.87%2010.87%200%200%200-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47%204.14-28%2014-36c5.84-4.62%2017.88-8.08%2029-9a52.7%2052.7%200%200%201%2011.61.6c3.47.5%206.3%201.14%207.39%201.4a68.5%2068.5%200%200%201%2011%204l12-19a88.4%2088.4%200%200%200-13.4-17.7a115%20115%200%200%200-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4%20117.4%200%200%200-44.77%208.82c-37.44%2015.34-61.88%2036.25-73.11%2047.35l-.07.07A219.6%20219.6%200%200%200%2067%20128.56c-5.35%207.53-4.77%2015.84-4.38%2021.34c0%20.32%200%20.67.07%201a18.4%2018.4%200%200%200-10.78-3.5A18%2018%200%200%200%2039%20152.73L2%20189.62a6.79%206.79%200%200%200%200%209.6L65%20262a6.72%206.72%200%200%200%209.5%200l37.06-37c3.44-3.44%207.44-8.14%207.44-13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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