-- 使用svg-icon组件,并通过icon-class属性指定图标名称 --> <svg-icon icon-class="example-icon"></svg-icon> </div> </template> <script> export default { name: 'YourComponentName', // 其他组件选项... } </script> <!-- 在src/icons...
全局Svg Icon 图标组件。 默认在@/icons中注册到全局中,可以在项目中任意地方使用。所以图标均可在@/icons/svg。可自行添加或者删除图标,所以图标都会被自动导入,无需手动操作。 使用方式 <!-- icon-class 为 icon 的名字; class-name 为 icon 自定义 class--><svg-iconicon-class="password"class-name='cu...
iconName() { return `#icon-${this.iconClass}` }, svgClass() { if (this.className) { return 'svg-icon ' + this.className } else { return 'svg-icon' } }, styleExternalIcon() { return { mask: `url(${this.iconClass}) no-repeat 50% 50%`, '-webkit-mask': `url(${this.icon...
<template><svg:class="svgClass"aria-hidden="true"><use:xlink:href="iconName"/></svg></template>exportdefault{name:'SvgIcon',props:{iconClass:{type:String,required:true},className:{type:String,default:''}},computed:{iconName(){return`#icon-${this.iconClass}`},svgClass(){if(this.clas...
class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"> @@ -143,9 +133,7 @@ Install
class="zui-svg-icon-image" src="../../static/zui-svg-icon/zui-svg-icon-placeholder.svg" mode="aspectFill" ></image> </view> </template> import IconLib from "@/static/svg-icons-lib.js"; const regColorProps = /(?:fill|stroke)="([^"]+)"/g; export default { name: "zui-s...
<use> 使用URI引用一个<G>、<svg>或其他具有一个唯一的ID属性和重复的图形元素。复制的是原始的元素，因此文件中的原始存在只是一个参考。原始影响到所有副本的任何改变。xlink:href="URI引用克隆元素"，即你的代码就是引用了id=goal的一个元素 ...
Find Icons and Icon Sets! HQ Vector icons for Mac, Windows, App & more ✓ No Copyright & Royalty Free
OnlineWebFonts_Com({ 'Id':'.div', 'Data':__Animations['385401'], }).Play(); 2Use the icon class on "display:inline" elements: TAG ClassBeautiful Import Iconsfree Import Animationsfree More The Most Beautiful Class Style icons class 382 7693 class 466 3511...
100,000+ Free vector icons in SVG, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!