@semcore/illustration is a separate package that needs to be installed manually.

pnpm

pnpm add @semcore/illustration

npm

npm install @semcore/illustration

Illustration

import Coffee from '@semcore/illustration/Coffee';
<Coffee />;

IllustrationProps

Name	Type	Description
primaryColor	string	Main color of the illustration
secondaryColor	string	Secondary color of the illustration
fill	string	Changes background fill of the illustration
width	string | number	Width of the illustration
height	string | number	Height of the illustration

Direct link

Any illustration can be obtained using a template.

import IllustrationName from '@semcore/illustration/illustrationName';

getIllustrationPath

To obtain any illustration, you can use the getIllustrationPath function, which returns the URL in the format https://static.semrush.com/ui-kit/illustration/${version}/${name}.svg.