issue draft icon

issue-draft-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name: issue-draft-24
Set: Octicons
Style: 24
Viewbox: 24×24
License: MIT

1 other variant in Octicons

issue-draft-16

The same icon in other sets

issue-draftCodicons

Related icons in Octicons

issue-closed issue-locked-16 issue-opened issue-relates-to-16 issue-reopened issue-tracked-by-16 issue-tracks-16

Use the issue draft icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.32 3.205a.75.75 0 0 1 1.046-.177a11 11 0 0 1 2.605 2.606a.75.75 0 1 1-1.222.869a9.6 9.6 0 0 0-2.252-2.252a.75.75 0 0 1-.177-1.046m3.475 14.115a.75.75 0 0 1 .176 1.046a11 11 0 0 1-2.605 2.605a.75.75 0 1 1-.869-1.222a9.6 9.6 0 0 0 2.252-2.252a.75.75 0 0 1 1.046-.177M2.018 9.543a.75.75 0 0 1 .615.864a9.6 9.6 0 0 0 0 3.186a.75.75 0 1 1-1.48.25a11 11 0 0 1 0-3.686a.75.75 0 0 1 .865-.614m7.525 12.439a.75.75 0 0 1 .864-.615a9.6 9.6 0 0 0 3.186 0a.75.75 0 1 1 .25 1.48a11 11 0 0 1-3.686 0a.75.75 0 0 1-.614-.865M6.68 3.205a.75.75 0 0 1-.177 1.046A9.6 9.6 0 0 0 4.25 6.503a.75.75 0 1 1-1.223-.87a11 11 0 0 1 2.606-2.605a.75.75 0 0 1 1.046.177ZM3.205 17.32a.75.75 0 0 1 1.046.177a9.6 9.6 0 0 0 2.252 2.252a.75.75 0 1 1-.87 1.223a11 11 0 0 1-2.605-2.606a.75.75 0 0 1 .177-1.046m6.952-16.166a11 11 0 0 1 3.686 0a.75.75 0 0 1-.25 1.479a9.6 9.6 0 0 0-3.186 0a.75.75 0 1 1-.25-1.48Zm11.825 8.389a.75.75 0 0 1 .864.614a11 11 0 0 1 0 3.686a.75.75 0 0 1-1.479-.25a9.6 9.6 0 0 0 0-3.186a.75.75 0 0 1 .615-.864"/></svg>

React

import type { SVGProps } from "react";

export function OcticonIssueDraft24(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.32 3.205a.75.75 0 0 1 1.046-.177a11 11 0 0 1 2.605 2.606a.75.75 0 1 1-1.222.869a9.6 9.6 0 0 0-2.252-2.252a.75.75 0 0 1-.177-1.046m3.475 14.115a.75.75 0 0 1 .176 1.046a11 11 0 0 1-2.605 2.605a.75.75 0 1 1-.869-1.222a9.6 9.6 0 0 0 2.252-2.252a.75.75 0 0 1 1.046-.177M2.018 9.543a.75.75 0 0 1 .615.864a9.6 9.6 0 0 0 0 3.186a.75.75 0 1 1-1.48.25a11 11 0 0 1 0-3.686a.75.75 0 0 1 .865-.614m7.525 12.439a.75.75 0 0 1 .864-.615a9.6 9.6 0 0 0 3.186 0a.75.75 0 1 1 .25 1.48a11 11 0 0 1-3.686 0a.75.75 0 0 1-.614-.865M6.68 3.205a.75.75 0 0 1-.177 1.046A9.6 9.6 0 0 0 4.25 6.503a.75.75 0 1 1-1.223-.87a11 11 0 0 1 2.606-2.605a.75.75 0 0 1 1.046.177ZM3.205 17.32a.75.75 0 0 1 1.046.177a9.6 9.6 0 0 0 2.252 2.252a.75.75 0 1 1-.87 1.223a11 11 0 0 1-2.605-2.606a.75.75 0 0 1 .177-1.046m6.952-16.166a11 11 0 0 1 3.686 0a.75.75 0 0 1-.25 1.479a9.6 9.6 0 0 0-3.186 0a.75.75 0 1 1-.25-1.48Zm11.825 8.389a.75.75 0 0 1 .864.614a11 11 0 0 1 0 3.686a.75.75 0 0 1-1.479-.25a9.6 9.6 0 0 0 0-3.186a.75.75 0 0 1 .615-.864"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.32 3.205a.75.75 0 0 1 1.046-.177a11 11 0 0 1 2.605 2.606a.75.75 0 1 1-1.222.869a9.6 9.6 0 0 0-2.252-2.252a.75.75 0 0 1-.177-1.046m3.475 14.115a.75.75 0 0 1 .176 1.046a11 11 0 0 1-2.605 2.605a.75.75 0 1 1-.869-1.222a9.6 9.6 0 0 0 2.252-2.252a.75.75 0 0 1 1.046-.177M2.018 9.543a.75.75 0 0 1 .615.864a9.6 9.6 0 0 0 0 3.186a.75.75 0 1 1-1.48.25a11 11 0 0 1 0-3.686a.75.75 0 0 1 .865-.614m7.525 12.439a.75.75 0 0 1 .864-.615a9.6 9.6 0 0 0 3.186 0a.75.75 0 1 1 .25 1.48a11 11 0 0 1-3.686 0a.75.75 0 0 1-.614-.865M6.68 3.205a.75.75 0 0 1-.177 1.046A9.6 9.6 0 0 0 4.25 6.503a.75.75 0 1 1-1.223-.87a11 11 0 0 1 2.606-2.605a.75.75 0 0 1 1.046.177ZM3.205 17.32a.75.75 0 0 1 1.046.177a9.6 9.6 0 0 0 2.252 2.252a.75.75 0 1 1-.87 1.223a11 11 0 0 1-2.605-2.606a.75.75 0 0 1 .177-1.046m6.952-16.166a11 11 0 0 1 3.686 0a.75.75 0 0 1-.25 1.479a9.6 9.6 0 0 0-3.186 0a.75.75 0 1 1-.25-1.48Zm11.825 8.389a.75.75 0 0 1 .864.614a11 11 0 0 1 0 3.686a.75.75 0 0 1-1.479-.25a9.6 9.6 0 0 0 0-3.186a.75.75 0 0 1 .615-.864"/></svg>
</template>

CSS

.icon-issue-draft-24 {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.32%203.205a.75.75%200%200%201%201.046-.177a11%2011%200%200%201%202.605%202.606a.75.75%200%201%201-1.222.869a9.6%209.6%200%200%200-2.252-2.252a.75.75%200%200%201-.177-1.046m3.475%2014.115a.75.75%200%200%201%20.176%201.046a11%2011%200%200%201-2.605%202.605a.75.75%200%201%201-.869-1.222a9.6%209.6%200%200%200%202.252-2.252a.75.75%200%200%201%201.046-.177M2.018%209.543a.75.75%200%200%201%20.615.864a9.6%209.6%200%200%200%200%203.186a.75.75%200%201%201-1.48.25a11%2011%200%200%201%200-3.686a.75.75%200%200%201%20.865-.614m7.525%2012.439a.75.75%200%200%201%20.864-.615a9.6%209.6%200%200%200%203.186%200a.75.75%200%201%201%20.25%201.48a11%2011%200%200%201-3.686%200a.75.75%200%200%201-.614-.865M6.68%203.205a.75.75%200%200%201-.177%201.046A9.6%209.6%200%200%200%204.25%206.503a.75.75%200%201%201-1.223-.87a11%2011%200%200%201%202.606-2.605a.75.75%200%200%201%201.046.177ZM3.205%2017.32a.75.75%200%200%201%201.046.177a9.6%209.6%200%200%200%202.252%202.252a.75.75%200%201%201-.87%201.223a11%2011%200%200%201-2.605-2.606a.75.75%200%200%201%20.177-1.046m6.952-16.166a11%2011%200%200%201%203.686%200a.75.75%200%200%201-.25%201.479a9.6%209.6%200%200%200-3.186%200a.75.75%200%201%201-.25-1.48Zm11.825%208.389a.75.75%200%200%201%20.864.614a11%2011%200%200%201%200%203.686a.75.75%200%200%201-1.479-.25a9.6%209.6%200%200%200%200-3.186a.75.75%200%200%201%20.615-.864%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.32%203.205a.75.75%200%200%201%201.046-.177a11%2011%200%200%201%202.605%202.606a.75.75%200%201%201-1.222.869a9.6%209.6%200%200%200-2.252-2.252a.75.75%200%200%201-.177-1.046m3.475%2014.115a.75.75%200%200%201%20.176%201.046a11%2011%200%200%201-2.605%202.605a.75.75%200%201%201-.869-1.222a9.6%209.6%200%200%200%202.252-2.252a.75.75%200%200%201%201.046-.177M2.018%209.543a.75.75%200%200%201%20.615.864a9.6%209.6%200%200%200%200%203.186a.75.75%200%201%201-1.48.25a11%2011%200%200%201%200-3.686a.75.75%200%200%201%20.865-.614m7.525%2012.439a.75.75%200%200%201%20.864-.615a9.6%209.6%200%200%200%203.186%200a.75.75%200%201%201%20.25%201.48a11%2011%200%200%201-3.686%200a.75.75%200%200%201-.614-.865M6.68%203.205a.75.75%200%200%201-.177%201.046A9.6%209.6%200%200%200%204.25%206.503a.75.75%200%201%201-1.223-.87a11%2011%200%200%201%202.606-2.605a.75.75%200%200%201%201.046.177ZM3.205%2017.32a.75.75%200%200%201%201.046.177a9.6%209.6%200%200%200%202.252%202.252a.75.75%200%201%201-.87%201.223a11%2011%200%200%201-2.605-2.606a.75.75%200%200%201%20.177-1.046m6.952-16.166a11%2011%200%200%201%203.686%200a.75.75%200%200%201-.25%201.479a9.6%209.6%200%200%200-3.186%200a.75.75%200%201%201-.25-1.48Zm11.825%208.389a.75.75%200%200%201%20.864.614a11%2011%200%200%201%200%203.686a.75.75%200%200%201-1.479-.25a9.6%209.6%200%200%200%200-3.186a.75.75%200%200%201%20.615-.864%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/issue-draft-24.svg?color=%231a73e8&size=48