css svg iconinfo显示问题

Question

如何调整svg大小

.item-after {
        white-space: nowrap;
        color: @color-text-secondary;
        .flex-shrink(0);
        margin-left: 0.25rem;
        .flexbox();
        max-height: 1.4rem;
    }

item-after效果：

现在我想把12部分替换成图标：

样式该怎么改

<div class="item-after">
                        <svg class="icon">
                            <use xlink:href="#icon-wenhao"></use>
                        </svg>
                    </div>

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

设置color无效是什么原因

Answer 1

设置svg的width和height就行

Answer 2

谢邀.

那是SVG，请用：

fill: blue;