Code & Coffee

A technology space of the latest trends, tips, and tools for developers.

Published Aug 2021

Make use of icons in your projects

I recently discovered the website This website is a project from our chinese "fellows" from alibaba network who aims to provide icons and illustrations to web developers.

To make use of these icons in you projects, do one of:

  • download the icons by copying the svg code one by one (tedious !)
  • create a collection of icons and add them to a project, create a private link for that project and use that link in the npm library @antd/icons :
   npm install --save @ant-design/icons

import { createFromIconfontCN  } from '@ant-design/icons';

const IconFont = createFromIconfontCN({
  scriptUrl: '//',

  <div className="icons-list">
      <IconFont type="icon-tuichu" />
      <IconFont type="icon-facebook" />
      <IconFont type="icon-twitter" />

As mentioned in their github repository, @ant-design/icons is available in React, VueJs and Angular.

link to the documentation of ant design icons