19.12.0 • Published 9 months ago

@primer/styled-octicons v19.12.0

Weekly downloads
1,516
License
MIT
Repository
github
Last release
9 months ago

@primer/styled-octicons

npm version

The @primer/styled-octicons package wraps icon components from @primer/octicons-react with system props, making them easier to style in projects that use styled system—like Primer React.

Install

npm install @primer/styled-octicons

Usage

@primer/styled-octicons exports each icons as a named export. This allows you to import only the icons you need:

import {AlertIcon} from '@primer/styled-octicons'

export () => (
  <AlertIcon color="red.6" mr={2} />
)

System props

All icon components in @primer/styled-octicons get color and space system props as well as the sx prop. Read the Primer React System Props documentation for a full list of available props.

Props

In addition to system props, icon components in @primer/styled-octicons accept the same props as components in @primer/octicons-react:

NameTypeDefaultDescription
aria-labelStringSets the aria-label attribute of the <svg>. If no aria-label is defined, aria-hidden will be set to true.
classNameStringSets the class attribute on the <svg>.
sizeNumber | "small" | "medium" | "large"16The height of the icon. Width will be scaled proportionally.
verticalAlign"middle" | "text-bottom" | "text-top" | "top" | "unset""text-bottom"The vertical alignment of the <svg>.
19.12.0

9 months ago

19.10.0

1 year ago

19.11.0

1 year ago

19.9.0

1 year ago

19.8.0

2 years ago

19.7.0

2 years ago

19.6.0

2 years ago

19.5.0

2 years ago

18.2.0

2 years ago

18.1.0

2 years ago

18.0.0

2 years ago

19.4.0

2 years ago

19.3.0

2 years ago

19.2.0

2 years ago

19.1.0

2 years ago

18.3.0

2 years ago

17.12.0

2 years ago

17.10.1

3 years ago

17.10.2

3 years ago

17.11.0

2 years ago

17.11.1

2 years ago

17.8.0

3 years ago

17.10.0

3 years ago

17.9.0

3 years ago

17.5.0

3 years ago

17.4.1

3 years ago

17.4.0

3 years ago

17.3.0

3 years ago

17.1.0

3 years ago

17.2.0

3 years ago

16.3.1

3 years ago

16.3.0

3 years ago

17.0.0

3 years ago

16.2.0

4 years ago

0.0.0-ab91ef2

4 years ago

0.0.0-f4fc29b

4 years ago

0.0.0-5506537

4 years ago

0.0.0-9e03304

4 years ago

0.0.0-9e18dbc

4 years ago

0.0.0-9508393

4 years ago

0.0.0-654babe

4 years ago

0.0.0-b620752

4 years ago

0.0.0-680196e

4 years ago

16.1.1

4 years ago

16.1.0

4 years ago

0.0.0-47c95a4

4 years ago

0.0.0-8155492

4 years ago

0.0.0-0e54ab1

4 years ago

0.0.0-531de00

4 years ago

0.0.0-27f06af

4 years ago

0.0.0-5757c34

4 years ago

0.0.0-dd916c4

4 years ago

0.0.0-abcc7a9

4 years ago

0.0.0-2407289

4 years ago

0.0.0-c651036

4 years ago

0.0.0-4330cfd

4 years ago

0.0.0-250e7f6

4 years ago

0.0.0-02c7f48

4 years ago

0.0.0-8275b53

4 years ago

0.0.0-d59b5a5

4 years ago

0.0.0-286842d

4 years ago

0.0.0-6989236

4 years ago

0.0.0-f579547

4 years ago

0.0.0-ad427b3

4 years ago

0.0.0-bfc16e4

4 years ago

0.0.0-69bc38e

4 years ago

0.0.0-f788602

4 years ago

0.0.0-374b5d6

4 years ago

0.0.0-e79b4ff

4 years ago

0.0.0-a94ad78

4 years ago

0.0.0-aca5aec

4 years ago

0.0.0-73f7535

4 years ago

16.0.0

4 years ago

0.0.0-90c504f

4 years ago

0.0.0-9c22cca

4 years ago

0.0.0-d8866a2

4 years ago

0.0.0-5698eaa

4 years ago

0.0.0-e6fb254

4 years ago

0.0.0-f1783ea

4 years ago

0.0.0-dbe6066

4 years ago

0.0.0-e198f29

4 years ago

0.0.0-3c5d5aa

4 years ago

15.2.0

4 years ago

0.0.0-7fb8427

4 years ago

0.0.0-62b2558

4 years ago

15.1.0

4 years ago

0.0.0-80aeac0

4 years ago

0.0.0-19b2306

4 years ago

15.0.1

4 years ago

0.0.0-fa2c969

4 years ago

0.0.0-58d4279

4 years ago

0.0.0-6e1d684

4 years ago

0.0.0-4ed1570

4 years ago

0.0.0-1b074ad

4 years ago

0.0.0-8f3b54e

4 years ago

15.0.0

4 years ago

0.0.0-77e02f9

4 years ago

0.0.0-42407ca

4 years ago

0.0.0-a0bcda1

4 years ago

0.0.0-cd8c4c4

4 years ago

0.0.0-81b2c05

4 years ago

0.0.0-fb71778

4 years ago

0.0.0-7721e6b

4 years ago

0.0.0-443d06d

4 years ago

0.0.0-4dce537

4 years ago

0.0.0-5d5e869

4 years ago

0.0.0-ac449aa

4 years ago

0.0.0-e102a2f

4 years ago

14.2.0

4 years ago

14.2.1

4 years ago

14.2.2

4 years ago

0.0.0-a56ff36

4 years ago

0.0.0-3b560e5

4 years ago

0.0.0-5055845

4 years ago

0.0.0-a81d27b

4 years ago

0.0.0-cce528a

4 years ago

0.0.0-4414728

4 years ago

0.0.0-8bc6154

4 years ago

0.0.0-b10c284

4 years ago

0.0.0-7d1e9f3

4 years ago

0.0.0-a040e68

4 years ago

0.0.0-72de420

4 years ago

0.0.0-b5582a6

4 years ago

0.0.0-e5222e6

4 years ago

0.0.0-48812ba

4 years ago

0.0.0-f16305d

4 years ago

0.0.0-46fd300

4 years ago

0.0.0-f134730

4 years ago

0.0.0-d70a632

4 years ago

0.0.0-2f2ffa2

4 years ago

0.0.0-503a328

4 years ago

0.0.0-90fa1e2

4 years ago

0.0.0-dced42c

4 years ago

0.0.0-8018dab

4 years ago

0.0.0-0db6e5c

4 years ago

0.0.0-1b02d40

4 years ago

0.0.0-53c8fd9

4 years ago

0.0.0-e1dd810

4 years ago

0.0.0-db4ef21

4 years ago

0.0.0-f911188

4 years ago

0.0.0-aeac186

4 years ago

0.0.0-b481e15

4 years ago

0.0.0-a790099

4 years ago

0.0.0-b9d4539

4 years ago

0.0.0-403b22c

4 years ago

0.0.0-fd29a97

4 years ago

0.0.0-f686d63

4 years ago

0.0.0-15f04a0

4 years ago

0.0.0-82e1839

4 years ago

0.0.0-cea5860

4 years ago

0.0.0-362a5b5

4 years ago

0.0.0-25f12ea

4 years ago

0.0.0-bf25d7b

4 years ago

0.0.0-a9e913d

4 years ago

0.0.0-40509f6

4 years ago

0.0.0-92fb246

4 years ago

0.0.0-61f0e3b

4 years ago

0.0.0-99445ac

4 years ago

0.0.0-df3474b

4 years ago

0.0.0-55d400b

4 years ago

0.0.0-7d998f6

4 years ago

0.0.0-d19dc07

4 years ago

0.0.0-3123fbd

4 years ago

0.0.0-3b580e5

4 years ago

0.0.0-03f0120

4 years ago

0.0.0-7d3eed9

4 years ago

0.0.0-2cd1cdb

4 years ago

0.0.0-5a55ef8

4 years ago

0.0.0-8e44664

4 years ago

14.1.0

4 years ago

0.0.0-b90afb1

4 years ago

0.0.0-0fa86a5

4 years ago

0.0.0-e1f16c7

4 years ago

0.0.0-dd76206

4 years ago

0.0.0-0a0ac08

4 years ago

0.0.0-1076a1c

4 years ago

0.0.0-d700697

4 years ago

0.0.0-9526080

4 years ago

0.0.0-1742c75

4 years ago

0.0.0-4de81bd

4 years ago

0.0.0-ed4bfcf

4 years ago

0.0.0-2df8974

4 years ago

0.0.0-5fed296

4 years ago

0.0.0-b53cf30

4 years ago

0.0.0-d0f9c7b

4 years ago

0.0.0-a87f5d4

4 years ago

0.0.0-43cad58

4 years ago

0.0.0-6617bf1

4 years ago

0.0.0-c6afd5a

4 years ago

0.0.0-f1c2d02

4 years ago

0.0.0-b2b3082

4 years ago

0.0.0-be0f018

4 years ago

14.0.0

4 years ago

0.0.0-28fabbe

4 years ago

0.0.0-529e922

4 years ago

0.0.0-d596ce6

4 years ago

0.0.0-4d441c3

4 years ago

0.0.0-0cf448d

4 years ago

0.0.0-1c9aca6

4 years ago

0.0.0-23d7ef9

4 years ago

0.0.0-916141b

4 years ago

0.0.0-21959af

4 years ago

0.0.0-ca0ed10

4 years ago

0.0.0-7e0d838

4 years ago

0.0.0-f1f6300

4 years ago

0.0.0-f68a53c

4 years ago

0.0.0-fd7d617

4 years ago

0.0.0-ec1a3e3

4 years ago

0.0.0-04a358f

4 years ago

0.0.0-01e6eb8

4 years ago

0.0.0-811f587

4 years ago

0.0.0-d72c172

4 years ago

0.0.0-2b6d865

4 years ago

0.0.0-bd2321c

4 years ago

0.0.0-88dc3b3

4 years ago

0.0.0-0de9709

4 years ago

0.0.0-aef808f

4 years ago

0.0.0-03ca47b

4 years ago

0.0.0-e68bed5

4 years ago

0.0.0-e2e429c

4 years ago

0.0.0-45b17f6

4 years ago

0.0.0-3462576

4 years ago

0.0.0-a2c14a0

4 years ago

0.0.0-036e70b

4 years ago

0.0.0-e11dfa3

4 years ago

0.0.0-e5ec9ad

4 years ago

0.0.0-bc63b46

4 years ago

0.0.0-a590690

4 years ago

0.0.0-f66ed83

4 years ago

0.0.0-6324f67

4 years ago

0.0.0-ab64ec9

4 years ago

0.0.0-25b20b3

4 years ago

0.0.0-a9daf7e

4 years ago

0.0.0-5353fb0

4 years ago

0.0.0-b1246c0

4 years ago

0.0.0-a490c77

4 years ago

13.0.0

4 years ago

0.0.0-610c05b

4 years ago

0.0.0-a414311

4 years ago

0.0.0-e5d6c3c

4 years ago

0.0.0-e30c07c

4 years ago

0.0.0-8686590

4 years ago

0.0.0-9afd651

4 years ago

0.0.0-ef50f49

4 years ago

0.0.0-511ee20

4 years ago

0.0.0-11176f3

4 years ago

0.0.0-bc904cf

4 years ago

0.0.0-d59c39e

4 years ago

0.0.0-0ffe100

4 years ago

0.0.0-e9b2658

4 years ago

0.0.0-b0dd47c

4 years ago

0.0.0-b56e7d7

4 years ago

0.0.0-a355301

4 years ago

0.0.0-b655273

4 years ago

0.0.0-b3fa573

4 years ago

0.0.0-37adedd

4 years ago

0.0.0-3ab2c94

4 years ago

0.0.0-a8082fa

4 years ago

0.0.0-37dd12c

4 years ago

12.1.0

4 years ago

0.0.0-fe2609f

4 years ago

0.0.0-3e54447

4 years ago

0.0.0-f34fa71

4 years ago

0.0.0-b9f929d

4 years ago

0.0.0-360a03b

4 years ago

0.0.0-2f80605

4 years ago

0.0.0-b3b2c66

4 years ago

12.0.0

4 years ago

0.0.0-c65a996

4 years ago

0.0.0-715a5fc

4 years ago

0.0.0-d01f11f

4 years ago

0.0.0-6c7ba83

4 years ago

0.0.0-92cad69

4 years ago

0.0.0-dbeb070

4 years ago

0.0.0-2b5b678

4 years ago

0.0.0-ea5c231

4 years ago

0.0.0-38555f8

4 years ago

0.0.0-c89efd4

4 years ago

0.0.0-bb63a00

4 years ago

0.0.0-815e37f

4 years ago

0.0.0-5476cec

4 years ago

0.0.0-2780cb9

4 years ago

0.0.0-94542c1

4 years ago

0.0.0-8103375

4 years ago

0.0.0-b1a25d5

4 years ago

11.3.0

4 years ago

0.0.0-79bf848

4 years ago

0.0.0-77b6a85

5 years ago

0.0.0-89001eb

5 years ago

0.0.0-a4ec072

5 years ago

0.0.0-4adb48b

5 years ago

0.0.0-6b51654

5 years ago

0.0.0-e76164b

5 years ago

0.0.0-27a8d55

5 years ago

0.0.0-2957f88

5 years ago

0.0.0-32087b5

5 years ago

0.0.0-81f6fbf

5 years ago

0.0.0-408fb5a

5 years ago

11.2.0

5 years ago

0.0.0-71987db

5 years ago

0.0.0-441fcb7

5 years ago

0.0.0-c667d69

5 years ago

0.0.0-46117a8

5 years ago

0.0.0-eb662f5

5 years ago

0.0.0-0ca580e

5 years ago

0.0.0-616fcdb

5 years ago

0.0.0-1cf02bd

5 years ago

11.1.0

5 years ago

0.0.0-bae0c9e

5 years ago

0.0.0-ab15fcb

5 years ago

0.0.0-2c0d983

5 years ago

0.0.0-4b60643

5 years ago

0.0.0-eea2db7

5 years ago

0.0.0-d528a73

5 years ago

0.0.0-f48cff5

5 years ago

0.0.0-83ee83b

5 years ago

0.0.0-203fc8a

5 years ago

0.0.0-f375b88

5 years ago

0.0.0-3fc1485

5 years ago

0.0.0-46559c4

5 years ago

0.0.0-8b1a77d

5 years ago

0.0.0-4ec4065

5 years ago

0.0.0-b747825

5 years ago

0.0.0-0d6656e

5 years ago

0.0.0-da0bb6c

5 years ago

0.0.0-1c5dc19

5 years ago

0.0.0-906c592

5 years ago

0.0.0-4c6b979

5 years ago

0.0.0-cb0a7f2

5 years ago

0.0.0-22e9394

5 years ago

0.0.0-63ddec5

5 years ago

0.0.0-943b103

5 years ago

0.0.0-bebf8d3

5 years ago

0.0.0-cf2a2a7

5 years ago

0.0.0-e4f2fb0

5 years ago

0.0.0-a30e4a4

5 years ago

0.0.0-e73d8b1

5 years ago

0.0.0-f1f3953

5 years ago

0.0.0-fce3747

5 years ago

0.0.0-335251f

5 years ago

0.0.0-d8b0609

5 years ago

11.0.0

5 years ago

0.0.0-0a15f23

5 years ago

0.0.0-08689ac

5 years ago

0.0.0-1b8b1c0

5 years ago

0.0.0-72cdaec

5 years ago

0.0.0-46e6fe9

5 years ago

0.0.0-7a0eaf9

5 years ago

0.0.0-368676c

5 years ago

0.0.0-7ba70ec

5 years ago

0.0.0-1c413ee

5 years ago

0.0.0-d2bdcf6

5 years ago

0.0.0-cf746b8

5 years ago

0.0.0-300c0af

5 years ago

0.0.0-b6dbe56

5 years ago

10.1.0

5 years ago

0.0.0-3c6f57b

5 years ago

0.0.0-30d8d36

5 years ago

0.0.0-39d4ba0

5 years ago

0.0.0-c41e48c

5 years ago

0.0.0-2e5068e

5 years ago

0.0.0-9144bfc

5 years ago

0.0.0-2b7d934

5 years ago

0.0.0-2a787c9

5 years ago

0.0.0-4592a96

5 years ago

0.0.0-428acad

5 years ago

0.0.0-3a5e709

5 years ago

0.0.0-9165369

5 years ago

0.0.0-767cd9d

5 years ago

0.0.0-9d8c0a1

5 years ago

0.0.0-770acc5

5 years ago

0.0.0-4202cab

5 years ago

0.0.0-dbf02d1

5 years ago

0.0.0-4f55000

5 years ago

0.0.0-73857e3

5 years ago

10.0.0

5 years ago

0.0.0-8e7b0cd

5 years ago

0.0.0-dcc6a36

5 years ago

0.0.0-c902354

5 years ago

0.0.0-387b0bb

5 years ago

0.0.0-1e04bad

5 years ago

0.0.0-4feef6b

5 years ago

0.0.0-62f98ff

5 years ago

0.0.0-d56a724

5 years ago

0.0.0-ef56016

5 years ago

0.0.0-76baad6

5 years ago

0.0.0-0ea8199

5 years ago

0.0.0-0823bfd

5 years ago

0.0.0-fb17b1e

5 years ago

0.0.0-0a10848

5 years ago

0.0.0-1527811

5 years ago

0.0.0-519e9d5

5 years ago

0.0.0-1cb16f5

5 years ago

0.0.0-53dc419

5 years ago

0.0.0-a58f4df

5 years ago

0.0.0-e3d382c

5 years ago

0.0.0-26e8c87

5 years ago

0.0.0-1a093dc

5 years ago

0.0.0-1623cf0

5 years ago

0.0.0-77f2e00

5 years ago

0.0.0-01b17b3

5 years ago

0.0.0-a58c58c

5 years ago

0.0.0-f6a1df0

5 years ago

0.0.0-09b41f4

5 years ago

0.0.0-b805754

5 years ago

0.0.0-ff9cdef

5 years ago

0.0.0-4a9c363

5 years ago

0.0.0-4f5d35b

5 years ago

0.0.0-8b56653

5 years ago

0.0.0-9ce0354

5 years ago

0.0.0-5a7686c

5 years ago

0.0.0-94d0d86

5 years ago

0.0.0-37939a1

5 years ago

0.0.0-e54379b

5 years ago

0.0.0-a423abb

5 years ago

0.0.0-2820449

5 years ago

0.0.0-256cc72

5 years ago

0.0.0-0b7823d

5 years ago

0.0.0-76f5f2b

5 years ago

0.0.0-4d4873a

5 years ago

0.0.0-b9c3ca0

5 years ago

0.0.0-32e6052

5 years ago

0.0.0-5f3829a

5 years ago

0.0.0-32437c3

5 years ago

0.0.0-1bf52fd

5 years ago

0.0.0-ab045b3

5 years ago

0.0.0-53e900d

5 years ago

0.0.0-1926690

5 years ago

0.0.0-9705683

5 years ago

0.0.0-59f3f81

5 years ago

0.0.0-dd899ea

5 years ago

0.0.0-b63413f

5 years ago

0.0.0-eb58623

5 years ago

0.0.0-1a642ac

5 years ago

0.0.0-9c03df1

5 years ago

0.0.0-b3d7936

5 years ago

0.0.0-0ccdd71

5 years ago

0.0.0-df8e278

5 years ago

0.0.0-35511fe

5 years ago

0.0.0-7c415e0

5 years ago

0.0.0-c36f7e4

5 years ago

0.0.0-a1fb469

5 years ago

0.0.0-24cce42

5 years ago

0.0.0-dddece5

5 years ago

0.0.0-79962a1

5 years ago

0.0.0-d8dffb8

5 years ago

0.0.0-07a0bc8

5 years ago

0.0.0-bd0d1dd

5 years ago

0.0.0-a0de56e

5 years ago

0.0.0-0c5fcfc

5 years ago

0.0.0-7f5b09c

5 years ago

0.0.0-52b26a5

5 years ago

0.0.0-9f56fa6

5 years ago

0.0.0-44a8bc7

5 years ago