0.0.1 • Published 2 years ago
@ic-bot-819439/icons-react v0.0.1
所有图标
- 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);
}
}
0.0.1
2 years ago