Sections

Icons

Stacks provides a complete icon set, managed separately in the Stacks-Icons repository. There you’ll find deeper documentation on the various uses as well as the icons’ source in our design tool Figma.

Usage

Section titled Usage

Stacks icons are designed to be directly injected into the markup as an svg element. This allows us to color them on the fly using any of our atomic classes. We have different helpers in different environments.

Svelte

Section titled Svelte

If you are working in a Svelte project, you can use the Icon component to render an icon. This component will render the icon as an svg element with the appropriate classes and attributes (docs).

<script lang="ts">
    import { IconServiceCCPA } from "@stackoverflow/stacks-icons/icons";
</script>

<Icon src="IconServiceCCPA" />
<Icon src="IconServiceCCPA" class="native" />
<Icon src="IconServiceCCPA" class="fc-black-350 float-right" />

Default

With native colors

With arbitrary classes

Dotnet

Section titled Dotnet

If you’re working in a dotnet project, we have a helper that can be called with @Svg. and the icon name, eg. @Svg.Answer. By default, any icon will inherit the text color of the parent element. Optionally, you can pass the class native to the icon to render any native colors that are included eg. @Svg.ServiceCCPA.With("native"). This same syntax allows you to pass additional arbitrary classes like atomic helpers, or js- prefixed classes.

@Svg.ServiceCCPA
@Svg.ServiceCCPA.With("native")
@Svg.ServiceCCPA.With("fc-black-350 float-right js-dropdown-target")

Default

With native colors

With arbitrary classes

Requesting an icon

Section titled Requesting an icon

If an icon you need isn’t here, please do one of the following two options:

Submit a request outlining the desired icon, the icon’s intended purposed, and where it will be used.
If the icon is ready, submit a pull request to have it to be reviewed. Please be sure to provide the same information as above.

Icon set

Section titled Icon set

Alert Alert icon

Alert16 Alert16 icon

Alert16Fill Alert16Fill icon

Alert24 Alert24 icon

Alert24Fill Alert24Fill icon

Alert32 Alert32 icon

Alert32Fill Alert32Fill icon

AlertFill AlertFill icon

Answer Answer icon

Answer16 Answer16 icon

Answer16Duotone Answer16Duotone icon

Answer16Fill Answer16Fill icon

Answer16Stack Answer16Stack icon

Answer16StackDuotone Answer16StackDuotone icon

Answer16StackFill Answer16StackFill icon

Answer24 Answer24 icon

Answer24Duotone Answer24Duotone icon

Answer24Fill Answer24Fill icon

Answer24Stack Answer24Stack icon

Answer24StackDuotone Answer24StackDuotone icon

Answer24StackFill Answer24StackFill icon

Answer32 Answer32 icon

Answer32Duotone Answer32Duotone icon

Answer32Fill Answer32Fill icon

Answer32Stack Answer32Stack icon

Answer32StackDuotone Answer32StackDuotone icon

Answer32StackFill Answer32StackFill icon

Answer64 Answer64 icon

Answer64Duotone Answer64Duotone icon

Answer64Fill Answer64Fill icon

Answer64Stack Answer64Stack icon

Answer64StackDuotone Answer64StackDuotone icon

Answer64StackFill Answer64StackFill icon

AnswerDuotone AnswerDuotone icon

AnswerFill AnswerFill icon

AnswerStack AnswerStack icon

AnswerStackDuotone AnswerStackDuotone icon

AnswerStackFill AnswerStackFill icon

Archive Archive icon

Archive16 Archive16 icon

Archive16Fill Archive16Fill icon

ArchiveFill ArchiveFill icon

ArrowDown ArrowDown icon

ArrowDownBox ArrowDownBox icon

ArrowDownLeft ArrowDownLeft icon

ArrowDownLeftBox ArrowDownLeftBox icon

ArrowDownRight ArrowDownRight icon

ArrowLeft ArrowLeft icon

ArrowLeftBox ArrowLeftBox icon

ArrowRight ArrowRight icon

ArrowRightBox ArrowRightBox icon

ArrowUp ArrowUp icon

ArrowUpBox ArrowUpBox icon

ArrowUpLeft ArrowUpLeft icon

ArrowUpRight ArrowUpRight icon

ArrowUpRightBox ArrowUpRightBox icon

Assistant Assistant icon

Assistant16 Assistant16 icon

Assistant24 Assistant24 icon

Assistant32 Assistant32 icon

Assistant64 Assistant64 icon

Award Award icon

Award16 Award16 icon

AwardFill AwardFill icon

Blog Blog icon

Blog32 Blog32 icon

Bookmark Bookmark icon

Bookmark24 Bookmark24 icon

Bookmark32 Bookmark32 icon

Bookmark64 Bookmark64 icon

BookmarkFill BookmarkFill icon

BookmarkStack BookmarkStack icon

BookmarkStackFill BookmarkStackFill icon

Challenge Challenge icon

ChallengeFill ChallengeFill icon

Chart Chart icon

Chat Chat icon

Chat24 Chat24 icon

Chat24Duotone Chat24Duotone icon

Chat24Fill Chat24Fill icon

Chat32 Chat32 icon

Chat32Duotone Chat32Duotone icon

Chat32Fill Chat32Fill icon

Chat64 Chat64 icon

Chat64Duotone Chat64Duotone icon

Chat64Fill Chat64Fill icon

ChatDuotone ChatDuotone icon

ChatFill ChatFill icon

Check Check icon

Check16 Check16 icon

Check16Circle Check16Circle icon

Check16FillCircle Check16FillCircle icon

Check16FillSquare Check16FillSquare icon

Check16Square Check16Square icon

Check24 Check24 icon

Check24Circle Check24Circle icon

Check24FillCircle Check24FillCircle icon

Check24FillSquare Check24FillSquare icon

Check24Square Check24Square icon

Check32 Check32 icon

Check32Circle Check32Circle icon

Check32FillCircle Check32FillCircle icon

Check32FillSquare Check32FillSquare icon

Check32Square Check32Square icon

CheckCircle CheckCircle icon

CheckFillCircle CheckFillCircle icon

CheckFillSquare CheckFillSquare icon

CheckSquare CheckSquare icon

Chevron12Down Chevron12Down icon

Chevron12DownFill Chevron12DownFill icon

Chevron12DownUp Chevron12DownUp icon

Chevron12DownUpFill Chevron12DownUpFill icon

Chevron12Left Chevron12Left icon

Chevron12LeftFill Chevron12LeftFill icon

Chevron12Right Chevron12Right icon

Chevron12RightFill Chevron12RightFill icon

Chevron12Up Chevron12Up icon

Chevron12UpDown Chevron12UpDown icon

Chevron12UpDownFill Chevron12UpDownFill icon

Chevron12UpFill Chevron12UpFill icon

Chevron16Down Chevron16Down icon

Chevron16DownFill Chevron16DownFill icon

Chevron16DownUp Chevron16DownUp icon

Chevron16DownUpFill Chevron16DownUpFill icon

Chevron16Left Chevron16Left icon

Chevron16LeftFill Chevron16LeftFill icon

Chevron16Right Chevron16Right icon

Chevron16RightFill Chevron16RightFill icon

Chevron16Up Chevron16Up icon

Chevron16UpDown Chevron16UpDown icon

Chevron16UpDownFill Chevron16UpDownFill icon

Chevron16UpFill Chevron16UpFill icon

ChevronDown ChevronDown icon

ChevronLeft ChevronLeft icon

ChevronRight ChevronRight icon

ChevronUp ChevronUp icon

Code Code icon

CodeBox CodeBox icon

CodeDocument CodeDocument icon

Comment Comment icon

Comment16 Comment16 icon

Comment16Fill Comment16Fill icon

CommentFill CommentFill icon

Community Community icon

CommunityFill CommunityFill icon

CommunityFillStack CommunityFillStack icon

CommunityStack CommunityStack icon

Company Company icon

CompanyFill CompanyFill icon

Compose Compose icon

ComposeComment ComposeComment icon

ComposeCommentFill ComposeCommentFill icon

ComposeDocument ComposeDocument icon

ComposeDocumentFill ComposeDocumentFill icon

ComposeFill ComposeFill icon

Cross Cross icon

Cross16 Cross16 icon

Cross16Circle Cross16Circle icon

Cross16FillCircle Cross16FillCircle icon

Cross16FillSquare Cross16FillSquare icon

Cross16Square Cross16Square icon

Cross24 Cross24 icon

Cross24Circle Cross24Circle icon

Cross24FillCircle Cross24FillCircle icon

Cross24FillSquare Cross24FillSquare icon

Cross24Square Cross24Square icon

Cross32 Cross32 icon

Cross32Circle Cross32Circle icon

Cross32FillCircle Cross32FillCircle icon

Cross32FillSquare Cross32FillSquare icon

Cross32Square Cross32Square icon

CrossCircle CrossCircle icon

CrossFillCircle CrossFillCircle icon

CrossFillSquare CrossFillSquare icon

CrossSquare CrossSquare icon

Dashboard Dashboard icon

DashboardFill DashboardFill icon

Document Document icon

Document16 Document16 icon

Document16Fill Document16Fill icon

Document16Stack Document16Stack icon

Document16StackFill Document16StackFill icon

Document32Stack Document32Stack icon

DocumentFill DocumentFill icon

DocumentStack DocumentStack icon

DocumentStackFill DocumentStackFill icon

Eye16 Eye16 icon

Eye16Fill Eye16Fill icon

Eye16FillOff Eye16FillOff icon

Eye16Off Eye16Off icon

EyeOff EyeOff icon

Flag Flag icon

FlagFill FlagFill icon

FlagOff FlagOff icon

FlagOffFill FlagOffFill icon

Glyph Glyph icon

Glyph16 Glyph16 icon

Glyph16Square Glyph16Square icon

Glyph24 Glyph24 icon

Glyph24Square Glyph24Square icon

Glyph32 Glyph32 icon

Glyph32Square Glyph32Square icon

Glyph64 Glyph64 icon

Glyph64Square Glyph64Square icon

GlyphSquare GlyphSquare icon

Help Help icon

Help16 Help16 icon

Help16Fill Help16Fill icon

Help32 Help32 icon

HelpFill HelpFill icon

Home Home icon

Home24 Home24 icon

Home24Duotone Home24Duotone icon

Home24Fill Home24Fill icon

Home32 Home32 icon

Home32Duotone Home32Duotone icon

Home32Fill Home32Fill icon

Home64 Home64 icon

Home64Duotone Home64Duotone icon

Home64Fill Home64Fill icon

HomeDuotone HomeDuotone icon

HomeFill HomeFill icon

Inbox Inbox icon

InboxFill InboxFill icon

Info Info icon

Info16 Info16 icon

Info16Fill Info16Fill icon

InfoFill InfoFill icon

Jobs Jobs icon

Jobs32 Jobs32 icon

JobsFill JobsFill icon

Labs Labs icon

Lightbulb24 Lightbulb24 icon

Lightbulb32 Lightbulb32 icon

Lock Lock icon

LockOff LockOff icon

Logo Logo icon

LogoHeadline1 LogoHeadline1 icon

LogoHeadline2 LogoHeadline2 icon

Mail Mail icon

MailFill MailFill icon

MailOpen MailOpen icon

MailOpenFill MailOpenFill icon

Meta Meta icon

MetaFill MetaFill icon

ModDashboard ModDashboard icon

ModDashboardFill ModDashboardFill icon

ModFill ModFill icon

ModMessagesStack ModMessagesStack icon

ModMessagesStackFill ModMessagesStackFill icon

ModStack ModStack icon

ModStackFill ModStackFill icon

No16 No16 icon

Notification Notification icon

NotificationFill NotificationFill icon

NotificationOff NotificationOff icon

NotificationOffFill NotificationOffFill icon

Pin16 Pin16 icon

Pin16Fill Pin16Fill icon

Pin16FillOff Pin16FillOff icon

Pin16Off Pin16Off icon

PinFill PinFill icon

PinFillOff PinFillOff icon

PinOff PinOff icon

Placeholder Placeholder icon

Placeholder16 Placeholder16 icon

Placeholder16Duotone Placeholder16Duotone icon

Placeholder16Fill Placeholder16Fill icon

Placeholder24 Placeholder24 icon

Placeholder24Duotone Placeholder24Duotone icon

Placeholder24Fill Placeholder24Fill icon

Placeholder32 Placeholder32 icon

Placeholder32Duotone Placeholder32Duotone icon

Placeholder32Fill Placeholder32Fill icon

Placeholder64 Placeholder64 icon

Placeholder64Duotone Placeholder64Duotone icon

Placeholder64Fill Placeholder64Fill icon

PlaceholderDuotone PlaceholderDuotone icon

PlaceholderFill PlaceholderFill icon

Plus Plus icon

QandA QandA icon

QandAFill QandAFill icon

Question Question icon

Question16 Question16 icon

Question16Duotone Question16Duotone icon

Question16Fill Question16Fill icon

Question16Stack Question16Stack icon

Question16StackDuotone Question16StackDuotone icon

Question16StackFill Question16StackFill icon

Question24 Question24 icon

Question24Duotone Question24Duotone icon

Question24Fill Question24Fill icon

Question24Stack Question24Stack icon

Question24StackDuotone Question24StackDuotone icon

Question24StackFill Question24StackFill icon

Question32 Question32 icon

Question32Duotone Question32Duotone icon

Question32Fill Question32Fill icon

Question32Stack Question32Stack icon

Question32StackDuotone Question32StackDuotone icon

Question32StackFill Question32StackFill icon

Question64 Question64 icon

Question64Duotone Question64Duotone icon

Question64Fill Question64Fill icon

Question64Stack Question64Stack icon

Question64StackDuotone Question64StackDuotone icon

Question64StackFill Question64StackFill icon

QuestionDuotone QuestionDuotone icon

QuestionFill QuestionFill icon

QuestionStack QuestionStack icon

QuestionStackDuotone QuestionStackDuotone icon

QuestionStackFill QuestionStackFill icon

Receipt Receipt icon

Search Search icon

SearchFill SearchFill icon

ServiceBackstage ServiceBackstage icon

ServiceBackstage32 ServiceBackstage32 icon

ServiceBackstage64 ServiceBackstage64 icon

ServiceCCPA ServiceCCPA icon

ServiceConfluence ServiceConfluence icon

ServiceConfluence32 ServiceConfluence32 icon

ServiceConfluence64 ServiceConfluence64 icon

ServiceCursor ServiceCursor icon

ServiceCursor32 ServiceCursor32 icon

ServiceCursor64 ServiceCursor64 icon

ServiceFacebook ServiceFacebook icon

ServiceGitHub ServiceGitHub icon

ServiceGitHub32 ServiceGitHub32 icon

ServiceGitHub64 ServiceGitHub64 icon

ServiceGoogle ServiceGoogle icon

ServiceGoogleDrive ServiceGoogleDrive icon

ServiceGoogleDrive32 ServiceGoogleDrive32 icon

ServiceGoogleDrive64 ServiceGoogleDrive64 icon

ServiceInstagram ServiceInstagram icon

ServiceJira ServiceJira icon

ServiceJira32 ServiceJira32 icon

ServiceJira64 ServiceJira64 icon

ServiceLinkedIn ServiceLinkedIn icon

ServiceMCP ServiceMCP icon

ServiceMCP32 ServiceMCP32 icon

ServiceMCP64 ServiceMCP64 icon

ServiceMicrosoft ServiceMicrosoft icon

ServiceMicrosoft32 ServiceMicrosoft32 icon

ServiceMicrosoft64 ServiceMicrosoft64 icon

ServiceMicrosoftTeams ServiceMicrosoftTeams icon

ServiceMicrosoftTeams32 ServiceMicrosoftTeams32 icon

ServiceMicrosoftTeams64 ServiceMicrosoftTeams64 icon

ServiceMoveworks ServiceMoveworks icon

ServiceMoveworks32 ServiceMoveworks32 icon

ServiceMoveworks64 ServiceMoveworks64 icon

ServiceOkta ServiceOkta icon

ServiceOkta32 ServiceOkta32 icon

ServiceOkta64 ServiceOkta64 icon

ServiceSCIM ServiceSCIM icon

ServiceSCIM32 ServiceSCIM32 icon

ServiceSCIM64 ServiceSCIM64 icon

ServiceSlack ServiceSlack icon

ServiceSlack32 ServiceSlack32 icon

ServiceSlack64 ServiceSlack64 icon

ServiceThreads ServiceThreads icon

ServiceVisualStudioCode ServiceVisualStudioCode icon

ServiceVisualStudioCode32 ServiceVisualStudioCode32 icon

ServiceVisualStudioCode64 ServiceVisualStudioCode64 icon

ServiceWebhooks ServiceWebhooks icon

ServiceWebhooks32 ServiceWebhooks32 icon

ServiceWebhooks64 ServiceWebhooks64 icon

ServiceX ServiceX icon

ServiceYouTube ServiceYouTube icon

Settings Settings icon

SettingsFill SettingsFill icon

StackBox StackBox icon

StackBoxes StackBoxes icon

StackCircle StackCircle icon

StackRectangle StackRectangle icon

Star Star icon

Star32 Star32 icon

StarFill StarFill icon

StarHalfFill StarHalfFill icon

Tag16Duotone Tag16Duotone icon

Tag16Fill Tag16Fill icon

Tag16Stack Tag16Stack icon

Tag16StackDuotone Tag16StackDuotone icon

Tag16StackFill Tag16StackFill icon

Tag24 Tag24 icon

Tag24Duotone Tag24Duotone icon

Tag24Fill Tag24Fill icon

Tag24Stack Tag24Stack icon

Tag24StackDuotone Tag24StackDuotone icon

Tag24StackFill Tag24StackFill icon

Tag32 Tag32 icon

Tag32Duotone Tag32Duotone icon

Tag32Fill Tag32Fill icon

Tag32Stack Tag32Stack icon

Tag32StackDuotone Tag32StackDuotone icon

Tag32StackFill Tag32StackFill icon

Tag64 Tag64 icon

Tag64Duotone Tag64Duotone icon

Tag64Fill Tag64Fill icon

Tag64Stack Tag64Stack icon

Tag64StackDuotone Tag64StackDuotone icon

Tag64StackFill Tag64StackFill icon

TagDuotone TagDuotone icon

TagFill TagFill icon

TagStack TagStack icon

TagStackDuotone TagStackDuotone icon

TagStackFill TagStackFill icon

Tool Tool icon

Tool16 Tool16 icon

Tool16Fill Tool16Fill icon

ToolFill ToolFill icon

Trash Trash icon

Trash16 Trash16 icon

Trash16Fill Trash16Fill icon

TrashFill TrashFill icon

TrendDown TrendDown icon

TrendUp TrendUp icon

Trust Trust icon

Trust32 Trust32 icon

User User icon

User32 User32 icon

User32Stack User32Stack icon

UserFill UserFill icon

UserStack UserStack icon

UserStackFill UserStackFill icon

Vote16Down Vote16Down icon

Vote16DownDuotone Vote16DownDuotone icon

Vote16DownFill Vote16DownFill icon

Vote16Up Vote16Up icon

Vote16UpDuotone Vote16UpDuotone icon

Vote16UpFill Vote16UpFill icon

Vote24Down Vote24Down icon

Vote24DownDuotone Vote24DownDuotone icon

Vote24DownFill Vote24DownFill icon

Vote24Up Vote24Up icon

Vote24UpDuotone Vote24UpDuotone icon

Vote24UpFill Vote24UpFill icon

Vote32Down Vote32Down icon

Vote32DownDuotone Vote32DownDuotone icon

Vote32DownFill Vote32DownFill icon

Vote32Up Vote32Up icon

Vote32UpDuotone Vote32UpDuotone icon

Vote32UpFill Vote32UpFill icon

Vote64Down Vote64Down icon

Vote64DownDuotone Vote64DownDuotone icon

Vote64DownFill Vote64DownFill icon

Vote64Up Vote64Up icon

Vote64UpDuotone Vote64UpDuotone icon

Vote64UpFill Vote64UpFill icon

VoteDown VoteDown icon

VoteDownDuotone VoteDownDuotone icon

VoteDownFill VoteDownFill icon

VoteUp VoteUp icon

VoteUpDuotone VoteUpDuotone icon

VoteUpFill VoteUpFill icon

Deploys by Netlify