0.0.1 • Published 2 years ago

@ic-bot-819439/icons-react v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

所有图标

  • IconEraser: icon-eraser
  • IconTubiao: icon-tubiao-
  • IconTubiao1: icon-tubiao-1
  • IconTubiao1Copy: icon-tubiao-1-copy
  • IconTubiaoCopy: icon-tubiao--copy
  • IconYueliang: icon-yueliang

使用方式

安装或手动拷贝 icons-react 到项目

> npm install @ic-bot-819439/icons-react

仅引入需要的图标(支持 tree-shaking):

// 引入单个
import IconEraser from '@ic-bot-819439/icons-react/IconEraser';

// 引入多个
import { IconEraser, IconTubiao, IconTubiao1 } from '@ic-bot-819439/icons-react';

export function() {
  return <IconEraser />;
}`}

使用样式控制图标显示(可选):

/*控制图标尺寸及颜色*/
[data-icon="icon-eraser"] {
  font-size: 40px;
  color: red;
}
/*控制图标旋转*/
[data-icon="icon-eraser"] > svg {
  transform: rotate(90deg);
}
/*让图标像loading转动*/
[data-icon="icon-eraser"] > svg {
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}