IconSearch logoIconsearch
Home/Libraries/Codicons (Iconify)/issue-draft
← Back to Search
Codicons (Iconify)

IssueDraft

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><path fill="#818cf8" d="M9.311 2.132a.5.5 0 0 1-.1-.01a6.1 6.1 0 0 0-2.421 0a.5.5 0 1 1-.199-.981a7.1 7.1 0 0 1 2.819 0a.501.501 0 0 1-.099.991m3.665 2.513a.5.5 0 0 0 .694.135a.5.5 0 0 0 .135-.693a7.1 7.1 0 0 0-1.891-1.891a.5.5 0 1 0-.559.828a6 6 0 0 1 1.621 1.621m-10.367.221a.5.5 0 0 1-.414-.779a7.1 7.1 0 0 1 1.89-1.89a.499.499 0 1 1 .559.828a6.1 6.1 0 0 0-1.621 1.621a.5.5 0 0 1-.415.221zM1.631 9.81a.5.5 0 0 1-.489-.4a7.1 7.1 0 0 1 0-2.82a.5.5 0 1 1 .98.202a6 6 0 0 0 0 2.418a.5.5 0 0 1-.491.6m2.455 3.994a.5.5 0 0 0 .694-.135a.5.5 0 0 0-.135-.693a6 6 0 0 1-1.621-1.621a.499.499 0 1 0-.829.558a7.1 7.1 0 0 0 1.891 1.891M8 15c-.472 0-.946-.048-1.41-.142a.501.501 0 0 1 .199-.981a6.1 6.1 0 0 0 2.421 0a.5.5 0 1 1 .199.981A7 7 0 0 1 8 15m3.22-1.331a.5.5 0 0 0 .415.221l.001-.001a.5.5 0 0 0 .279-.086a7 7 0 0 0 1.89-1.89a.5.5 0 1 0-.829-.558a6.1 6.1 0 0 1-1.621 1.621a.5.5 0 0 0-.135.693m3.149-3.859a.5.5 0 0 1-.491-.601a6 6 0 0 0 0-2.418a.5.5 0 1 1 .98-.201a7.1 7.1 0 0 1 0 2.82a.5.5 0 0 1-.489.399zM9 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. IssueDraftIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Codicons (Iconify)

Browse all Codicons (Iconify) icons →
account
account
activate-breakpoints
activate-breakpoints
add
add
add-compact
add-compact
add-small
add-small
agent
agent
archive
archive
arrow-both
arrow-both
arrow-circle-down
arrow-circle-down
arrow-circle-left
arrow-circle-left
arrow-circle-right
arrow-circle-right
arrow-circle-up
arrow-circle-up