--- permalink: /icons/octicons/ title: "GitHub's Octicons" excerpt: "Official SVG icons from GitHub." sidebar: nav: icons --- [LicenseOcticons]: https://github.com/primer/octicons/blob/main/LICENSE > **Sources:** > - https://github.com/primer/octicons > > **Licenses:** > - [MIT][LicenseOcticons] > > **Base-URL:** https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/ {: .notice--info } Octicons are GitHubs official SVG icons which are used across their website but also in various software. We use the 16px variant of the icons and recoloured them to match their usual place of display. ## Issues Icons related to Issues | Name | Placeholder[^1] | Preview | Notes | | -------------------------------------- | --------------------------- |:-----------------:| --------------------------------------------- | | [`IssueClosed.svg`][IssueClosed] | `{octicons/issueClosed}` | ![IssueClosed] | | | [`IssueClosedOld.svg`][IssueClosedOld] | `{octicons/issueClosedOld}` | ![IssueClosedOld] | The old icon used for closed issues. | | [`IssueDrafted.svg`][IssueDrafted] | `{octicons/issueDrafted}` | ![IssueDrafted] | Icon used for issue drafts (Not yet used). | | [`IssueNeutral.svg`][IssueNeutral] | `{octicons/issueNeutral}` | ![IssueNeutral] | Grey coloured issue icon. | | [`IssueOpened.svg`][IssueOpened] | `{octicons/issueOpened}` | ![IssueOpened] | | | [`IssueOpenedOld.svg`][IssueOpenedOld] | `{octicons/issueOpenedOld}` | ![IssueOpenedOld] | The old icon used for opened issues. | | [`IssueReopened.svg`][IssueReopened] | `{octicons/issueReopened}` | ![IssueReopened] | Icon used for reopened issues (Not yet used). | [IssueClosed]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueClosed.svg [IssueClosedOld]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueClosedOld.svg [IssueDrafted]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueDrafted.svg [IssueNeutral]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueNeutral.svg [IssueOpened]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueOpened.svg [IssueOpenedOld]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueOpenedOld.svg [IssueReopened]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/IssueReopened.svg ## Pull requests Icons related to Pull requests | Name | Placeholder[^1] | Preview | Notes | | ------------------------------------------------ | ----------------------------- |:----------------------:| ------------------------------------------------ | | [`ApprovedChanges.svg`][ApprovedChanges] | `{octicons/approved}` | ![ApprovedChanges] | | | [`ApprovedChangesGrey.svg`][ApprovedChangesGrey] | | ![ApprovedChangesGrey] | Approved Changes icon for non-required reviewers | | [`PullRequestClosed.svg`][PullRequestClosed] | `{octicons/prClosed}` | ![PullRequestClosed] | | | [`PullRequestDrafted.svg`][PullRequestDrafted] | `{octicons/prDrafted}` | ![PullRequestDrafted] | | | [`PullRequestMerged.svg`][PullRequestMerged] | `{octicons/prMerged}` | ![PullRequestMerged] | | | [`PullRequestNeutral.svg`][PullRequestNeutral] | `{octicons/prNeutral}` | ![PullRequestNeutral] | Grey coloured Pull request icon. | | [`PullRequestOpened.svg`][PullRequestOpened] | `{octicons/prOpened}` | ![PullRequestOpened] | | | [`RequestedChanges.svg`][RequestedChanges] | `{octicons/requestedChanges}` | ![RequestedChanges] | | [ApprovedChanges]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/ApprovedChanges.svg [ApprovedChangesGrey]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/ApprovedChangesGrey.svg [PullRequestClosed]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/PullRequestClosed.svg [PullRequestDrafted]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/PullRequestDrafted.svg [PullRequestMerged]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/PullRequestMerged.svg [PullRequestNeutral]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/PullRequestNeutral.svg [PullRequestOpened]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/PullRequestOpened.svg [RequestedChanges]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/RequestedChanges.svg ## Miscellaneous Icons not matching any other category | Name | Placeholder[^1] | Preview | Notes | | -------------------------------------------------------- | ------------------------- |:--------------------------:| ------------------------------------------------ | | [`Comment.svg`][Comment] | `{octicons/comment}` | ![Comment] | | | [`Discussions.svg`][Discussions] | `{octicons/discussions}` | ![Discussions] | | | [`ForkedRepository.svg`][ForkedRepository] | `{octicons/forkedRepo}` | ![ForkedRepository] | | | [`People.svg`][People] | `{octicons/people}` | ![People] | | | [`License.svg`][License] | `{octicons/license}` | ![License] | | | [`Release.svg`][Release] | `{octicons/release}` | ![Release] | | | [`Repository.svg`][Repository] | `{octicons/repo}` | ![Repository] | | | [`StarredRepository.svg`][StarredRepository] | `{octicons/star}` | ![StarredRepository] | | | [`StarredRepositoryYellow.svg`][StarredRepositoryYellow] | | ![StarredRepositoryYellow] | Yellow variant displayed on the "Starred" button | | [`UnwatchRepository.svg`][UnwatchRepository] | `{octicons/unwatchRepo}` | ![UnwatchRepository] | | | [`WatchRepository.svg`][WatchRepository] | `{octicons/watchRepo}` | ![WatchRepository] | | | [`Wiki.svg`][Wiki] | `{octicons/wiki}` | ![Wiki] | | [Comment]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/Comment.svg [Discussions]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/Discussions.svg [ForkedRepository]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/ForkedRepository.svg [People]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/People.svg [License]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/License.svg [Release]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/Release.svg [Repository]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/Repository.svg [StarredRepository]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/StarredRepository.svg [StarredRepositoryYellow]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/StarredRepositoryYellow.svg [UnwatchRepository]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/UnwatchRepository.svg [WatchRepository]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/WatchRepository.svg [Wiki]: https://cdn.jsdelivr.net/gh/Readme-Workflows/Readme-Icons@main/icons/octicons/Wiki.svg [^1]: These placeholders are for the [Readme-Replacer Action](https://github.com/Readme-Workflows/readme-replacer).