UI-Kit – Icons

Services

Make a strong social media marketing strategy with our Instagram growth service. Keep a high engagement rate and deeply connect with the IG audience.

Educate in the lab

Tools

Improve your social media management by combining analytics and marketing tools. Automate your business for scheduling, DMs, and other routine IG tasks.

Educate in the lab

Lab

Enjoy marketing tips, helpful guides, videos, and fresh Instagram content ideas to boost your content strategy.

Youtube Telegram X

Иконки

Icons - 16

Icons - 20

Icons - 24

Icons - 36

Icons - 40

Icons - 48

Icons - 96

props

export interface IconProps {
  name: string;
  size?: number;
  width?: number;
  height?: number;
  className?: string;
  animation?: IconAnimation; // "spin"
  duration?: number; // in ms
  tabIndex?: number;
}

pug

include /components/icon

+icon({ name: "go_16px", size: 16 })

+icon({ name: "video_20px_light", size: 20 })

+icon({ name: "go_24px_regular", size: 24 })

react

import { Icon } from "@/ui/icon/Icon";

<Icon name="go_16px" size={16} />

<Icon name="video_20px_light" size={20} />

<Icon name="go_24px_regular" size={24} />

react

<svg class="svg-icon" width="24" height="24" viewBox="0 0 24 24">
  <use href="/static/icons/icons.svg#go_24px_regular"></use>
</svg>