11.12.1

Icon Circle

Similar to Icon, Icon Circle is a graphical symbol within a circle used to visually indicate an object or function.

Default


Size


Color


Customize your icon circle by passing one of our seven base colors to the variant prop: royal blue orange purple teal red yellow green


Things to Avoid

Be careful of use cases where Icon Circle Button may need to be used instead.

UI Samples using Icon Circle Kit

Get the full picture. See how this kit is used in our samples.