v14.0.0

💥 Breaking changes

• Remove octoface #611
• Rename git-fork-24 to repo-forked-24 #593

🚀 New Features

• number #592
• hash (previously number) #592
• diamond #616
• single-select #612
• rows #617
• columns #617
• issue-draft #614

💅 Enhancements

• issue-opened #614
• issue-closed #614

🐛 Fixes

• Fix 24px arrow-up icon #594
• Prevent clipping using overflow: visible #607

v13.0.0

🚀 New Features

• table #564
• person-add #573
• blocked #576
• duplicate #576
• dependabot#585
• codescan #588
• browser #575
• sidebar icons #569
• codespaces #587

💥 Breaking changes

• Remove 24px insights icon #574
• Remove 24px copy icon #586

💅 Enhancements

• Use more explicit dependencies for Rails helper #565

🐛 Fixes

• Fix megaphone-16 #554
• Fix circle icon #584

v12.1.0

React

💅 Enhancements

• Add icon-specific class names to each icon component #453 @FloEdelmann
• Add fill prop to each icon component #551 @macno

v12.0.0

🚀 New Features

• bug (#543)
• multi-select (#534)

💅 Enhancements

• Make octicon helper slightly faster (@jhawthorn & @seejohnrun) (#536)

💥 Breaking changes

• Rename 16px trashcan icon to trash (@fermion 🙇) (#538)

🧽Chores

• Dependency updates (#525, #524, #523, #522, #520)

v11.3.0

11.3.0

🚀 New Features

• number (#541)
• video (#540)

🐛 Fixes

• Fix rendering of arrows in Safari (@aaronshekey #527)

v11.2.0

🚀 New Features

• strikethrough (#518)

🐛 Fixes

• Align plus and dash icon (#447)
• Small edits in JS documentation (#499)

🧽Chores

• Dependency updates

v11.1.0

🚀 New Features

• container (#507)
• squirrel 24px icon (#508)

🐛 Fixes

• Corrected stroke for 24px smiley (#509)

v11.0.0

💅 Enhancements

• Cache retrieval of Octicon SVG paths (#491)

💥 Breaking changes

• Fix 24px icon names #465 (@BenJetson 🙇)
  • unverifed-24.svg → unverified-24.svg
  • file-symlink-24.svg → file-symlink-file-24.svg
  • fire-24.svg → flame-24.svg
  • eye-slash-24.svg → eye-closed-24.svg
• Remove 24px settings icon. Use gear instead #493

v10.1.0

🚀 New Features

• arrow-switch
• file-badge
• x-circle, x-circle-fill, circle

🐛 Fixes

• Corrected positioning for triangle-down #459

🧽Chores

• Dependency updates

v10.0.0

All packages

• We've given Octicons a new look ✨ Some icons have new names and some icons haven't been redesigned yet. The following table documents those changes. If you're using an octicon in v9.x that doesn't have an equivelent in v10.0 yet, let us know by opening an issue.

v9.x	v10.0	Notes
arrow-small-down	arrow-down
arrow-small-left	arrow-left
arrow-small-right	arrow-right
arrow-small-up	arrow-up
circuit-board	cpu
cloud-download	download
cloud-upload	upload
dashboard	meter
dependent	package-dependents
file-pdf	file
file-symlink-directory	file-submodule
gist-secret	lock
gist	code-square
github-action	play
heart-outline	heart
internal-repo	repo
jersey	people
keyboard		Request this icon
line-arrow-down	arrow-down
line-arrow-left	arrow-left
line-arrow-right	arrow-right
line-arrow-up	arrow-up
mail-read	mail
no-newline	no-entry
paintcan	paintbrush
plus-small	plus
primitive-dot-stroke	dot
primitive-dot	dot-fill
primitive-square	square-fill
radio-tower	broadcast
repo-force-push	repo-push
repo-template-private		Request this icon
request-changes	diff
saved	bookmark
text-size	heading or typography
unsaved	bookmark-slash
watch	hourglass
workflow-all		Request this icon

• We designed a set of 24px icons—as well as 16px icons—to accommodate interfaces that need larger icons. All package implementations now choose which SVG to render based on the size passed in.

React (@primer/octicons-react)

• Icon components (e.g. AlertIcon, ArrowRightIcon, etc.) now accept size, ariaLabel, verticalAlign, and className props and can be used on their own. No need to pass them to the Octicon component.

  <AlertIcon size={24} />

• Icon components will now choose the best SVG icon to render based on the size passed in.

• The Octicon component is deprecated. Use icon components on their own instead:

  - <Octicon icon={AlertIcon} />
  + <AlertIcon />

BREAKING CHANGES 💥

• All icon component names now include Icon at the end (e.g. Alert → AlertIcon).

• In order to enable tree-shaking, we removed the iconsByName and getIconByName exports.

• Octicon no longer accepts width or height props. Use the size prop instead. In cases where the width and height of an icon are not equal (e.g. logos), the height will be set to the value of the size prop and the width will be scaled proportionally.

• We renamed the ariaLabel prop to aria-label to be consistent with React: https://reactjs.org/docs/accessibility.html#wai-aria

  - <AlertIcon ariaLabel="...