adui/es/icon/style/index.css

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

.adui-icon-base{flex:none}.adui-icon-interactive{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--motion-duration-base) ease all}.adui-icon-interactive.adui-icon-interactive_level_white{opacity:.7}.adui-icon-interactive.adui-icon-interactive_level_white:hover{opacity:.95}.adui-icon-interactive-cover{fill-opacity:0;transition:inherit}.adui-icon-interactive_level_0 .adui-icon-interactive-cover{fill:#fff}.adui-icon-interactive_level_0:hover .adui-icon-interactive-cover{fill-opacity:.25}.adui-icon-interactive_level_0:hover:active .adui-icon-interactive-cover{fill-opacity:.25}.adui-icon-interactive_level_1 .adui-icon-interactive-cover{fill:#000}.adui-icon-interactive_level_1:hover .adui-icon-interactive-cover{fill-opacity:.3}.adui-icon-interactive_level_1:hover:active .adui-icon-interactive-cover{fill-opacity:.4}.adui-icon-interactive_level_2 .adui-icon-interactive-cover{fill:#000}.adui-icon-interactive_level_2:hover .adui-icon-interactive-cover{fill-opacity:.23}.adui-icon-interactive_level_2:hover:active .adui-icon-interactive-cover{fill-opacity:.35}.adui-icon-interactive_level_3 .adui-icon-interactive-cover{fill:#000}.adui-icon-interactive_level_3:hover .adui-icon-interactive-cover{fill-opacity:.1}.adui-icon-interactive_level_3:hover:active .adui-icon-interactive-cover{fill-opacity:.2}