# Changelog
## 16.1.1
### Patch Changes
- [#681](https://github.com/primer/octicons/pull/681) [`c394d9a`](https://github.com/primer/octicons/commit/c394d9a556666beed4912797fb78f34190796511) Thanks [@jonrohan](https://github.com/jonrohan)! - Adding changesets workflow to octicons for releasing.
* [#684](https://github.com/primer/octicons/pull/684) [`9ed6154`](https://github.com/primer/octicons/commit/9ed615464cc405d9264cb933d4fe5f05ff14a219) Thanks [@ashygee](https://github.com/ashygee)! - Add 12px usage guidelines
- [#677](https://github.com/primer/octicons/pull/677) [`777f229`](https://github.com/primer/octicons/commit/777f2290b4662f2d769096ac3c121e61e92a0ff2) Thanks [@benkoshy](https://github.com/benkoshy)! - update: installation instructions
## 16.1.0
### π New features
- Added first set of 12px filled icons https://github.com/primer/octicons/pull/676
### π Bug fix
- Adjusted 'no-entry' size to match other circle icons https://github.com/primer/octicons/pull/673
## 16.0.0
### π₯ Breaking changes
- Rename 16px `select-single` icon to `single-select` https://github.com/primer/octicons/pull/665
### π New features
- `iterations` https://github.com/primer/octicons/pull/667
### 𧽠Chores
- Bump dependencies
## 15.2.0
### π New features
- Add `stack` icons https://github.com/primer/octicons/pull/659
- Add `person-fill` and `telescope-fill` icons https://github.com/primer/octicons/pull/660
## 15.1.0
### π New features
- `bell-fill-16` https://github.com/primer/octicons/pull/657
## 15.0.1
### π Bug fix
- Modify `duplicate` icon to differentiate from `copy` https://github.com/primer/octicons/pull/647
## 15.0.0
### π₯ Breaking changes
- Rename `duplicate` icon to `copy` https://github.com/primer/octicons/pull/643
- Rename `clippy` icon to `paste` https://github.com/primer/octicons/pull/643
## 14.2.2
### π Bug fix
- Update `issue-reopened` https://github.com/primer/octicons/pull/633
## 14.2.1
### π Bug fix
- fix vectors for 24px sort icons https://github.com/primer/octicons/pull/627 (π @metonym)
## 14.2.0
### π New features
- `key-asterisk-16` https://github.com/primer/octicons/pull/623
- `sort-asc` https://github.com/primer/octicons/pull/619
- `sort-desc` https://github.com/primer/octicons/pull/619
### 𧽠Chores
- Remove unused dependency on nokogiri https://github.com/primer/octicons/pull/609 (π @cschlack)
## 14.1.0
### π New features
- `git-pull-request-draft` https://github.com/primer/octicons/pull/613
- `git-pull-request-closed` https://github.com/primer/octicons/pull/613
## 14.0.0
### π₯ Breaking changes
- Remove `octoface` https://github.com/primer/octicons/pull/611
- Rename `git-fork-24` to `repo-forked-24` https://github.com/primer/octicons/pull/593
### π New features
- `number` https://github.com/primer/octicons/pull/592
- `hash` (previously `number`) https://github.com/primer/octicons/pull/592
- `diamond` https://github.com/primer/octicons/pull/616
- `single-select` https://github.com/primer/octicons/pull/612
- `rows` https://github.com/primer/octicons/pull/617
- `columns` https://github.com/primer/octicons/pull/617
- `issue-draft` https://github.com/primer/octicons/pull/614
### π
Enhancements
- `issue-opened` https://github.com/primer/octicons/pull/614
- `issue-closed` https://github.com/primer/octicons/pull/614
### π Fixes
- Fix 24px `arrow-up` icon https://github.com/primer/octicons/pull/594
- Prevent clipping using `overflow: visible` https://github.com/primer/octicons/pull/607
## 13.0.0
### π New features
- `table` https://github.com/primer/octicons/pull/564
- `person-add` https://github.com/primer/octicons/pull/573
- `blocked` https://github.com/primer/octicons/pull/576
- `duplicate` https://github.com/primer/octicons/pull/576
- `dependabot`https://github.com/primer/octicons/pull/585
- `codescan` https://github.com/primer/octicons/pull/588
- `browser` https://github.com/primer/octicons/pull/575
- `sidebar` icons https://github.com/primer/octicons/pull/569
- `codespaces` https://github.com/primer/octicons/pull/587
### π₯ Breaking changes
- Remove 24px `insights` icon https://github.com/primer/octicons/pull/574
- Remove 24px `copy` icon https://github.com/primer/octicons/pull/586
### π
Enhancements
- Use more explicit dependencies for Rails helper https://github.com/primer/octicons/pull/565
### π Fixes
- Fix `megaphone-16` https://github.com/primer/octicons/pull/554
- Fix `circle` icon https://github.com/primer/octicons/pull/584
## 12.1.0
### React
### π
Enhancements
- Add icon-specific class names to each icon component https://github.com/primer/octicons/pull/453 @FloEdelmann
- Add `fill` prop to each icon component https://github.com/primer/octicons/pull/551 @macno
## 12.0.0
### π New features
- `bug` (https://github.com/primer/octicons/pull/543)
- `multi-select` (https://github.com/primer/octicons/pull/534)
### π
Enhancements
- Make octicon helper slightly faster (@jhawthorn & @seejohnrun) (#536)
### π₯ Breaking changes
- Rename 16px `trashcan` icon to `trash` (@fermion π) (https://github.com/primer/octicons/pull/538)
### π§½Chores
- Dependency updates (#525, #524, #523, #522, #520)
## 11.3.0
### π New features
- `number` (https://github.com/primer/octicons/pull/541)
- `video` (https://github.com/primer/octicons/pull/540)
### π Fixes
- Fix rendering of arrows in Safari (@aaronshekey https://github.com/primer/octicons/pull/527)
## 11.2.0
### π New features
- `strikethrough` (https://github.com/primer/octicons/pull/518)
### π Fixes
- Align `plus` and `dash` icon (https://github.com/primer/octicons/pull/447)
- Small edits in JS documentation (https://github.com/primer/octicons/pull/499)
### π§½Chores
- Dependency updates
## 11.1.0
### π New features
- `container` (https://github.com/primer/octicons/pull/507)
- `squirrel` 24px icon (https://github.com/primer/octicons/pull/508)
### π Fixes
- Corrected stroke for 24px `smiley` (https://github.com/primer/octicons/pull/509)
## 11.0.0
### π
Enhancements
- Cache retrieval of Octicon SVG paths (https://github.com/primer/octicons/pull/491)
### π₯ Breaking changes
- Fix 24px icon names https://github.com/primer/octicons/pull/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 https://github.com/primer/octicons/pull/493
## 10.1.0
### π New features
- [`arrow-switch`](https://github.com/primer/octicons/pull/486)
- [`file-badge`](https://github.com/primer/octicons/pull/464)
- [`x-circle`, `x-circle-fill`, `circle`](https://github.com/primer/octicons/pull/455)
### π Fixes
- Corrected positioning for `triangle-down` [#459](https://github.com/primer/octicons/pull/459)
### π§½Chores
- Dependency updates
## 10.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](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D).
| 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` | |
| `browser` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `bug` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `circuit-board` | `cpu` | |
| `cloud-download` | `download` | |
| `cloud-upload` | `upload` | |
| `dashboard` | `meter` | |
| `dependent` | `package-dependents` | |
| `device-camera` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `file-pdf` | `file` | |
| `file-symlink-directory` | `file-submodule` | |
| `gist-secret` | `lock` | |
| `gist` | `code-square` | |
| `github-action` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `heart-outline` | `heart` | |
| `internal-repo` | `repo` | |
| `jersey` | `people` | |
| `keyboard` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `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-clone` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `repo-force-push` | `repo-push` | |
| `repo-pull` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `repo-template-private` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
| `request-changes` | `diff` | |
| `saved` | `bookmark` | |
| `text-size` | `heading` or `typography` | |
| `unsaved` | `bookmark-slash` | |
| `watch` | `hourglass` | |
| `workflow-all` | | [Request this icon](https://github.com/primer/octicons/issues/new?assignees=&labels=icon+request&template=icon-request.md&title=%5BIcon+request%5D) |
- 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.
```jsx
```
- 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:
```diff
-
+
```
#### 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
```diff
-
+
```
- Setting `verticalAlign="top"` on the `Octicon` component or any icon component will now apply a `vertical-align: top;` style to the `