How to use the @iconify/iconify.getSVG function in @iconify/iconify

To help you get started, we’ve selected a few @iconify/iconify examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github iconify / iconify-figma / ui / src / components / iconify / parts / icon-long.jsx View on Github external
title={value}
							index={block.index + Object.keys(block.filters).indexOf(value)}
							onClick={this._onFilterClick.bind(this, filter.key, value)}
						/>
					);
				}
			);
		});

		// Delete button
		if (props.view.type === 'custom' && props.view.canDelete) {
			filtersList.push(deleteButton);
		}

		// Generate SVG
		let svg = Iconify.getSVG(name, {
			'data-width': '1em',
			'data-height': '1em',
			'data-inline': false,
		});

		return (
github iconify / iconify-figma / ui / src / components / container.jsx View on Github external
Object.assign(data, options);
		}

		// Get SVG
		let svgProps = {
			'data-inline': false,
			'data-height': data.height,
			'data-rotate': data.props.rotate,
		};
		if (data.hFlip) {
			svgProps['data-flip'] =
				'horizontal' + (data.props.vFlip ? ',vertical' : '');
		} else if (data.props.vFlip) {
			svgProps['data-flip'] = 'vertical';
		}
		data.svg = Iconify.getSVG(data.name, svgProps);

		// Replace color, add colorless flag
		data.colorless = data.svg.indexOf('currentColor') !== -1;
		if (data.colorless) {
			if (data.color === '') {
				data.color = '#000000';
			}
			data.svg = data.svg.replace(/currentColor/g, data.color);
		} else {
			data.color = '';
		}

		// Send message to UI
		this.props.ui.sendMessage('import-iconify', data);
	}
github iconify / iconify-figma / ui / src / components / iconify / parts / icon.jsx View on Github external
let tooltip = [
			lang.name.replace('{name}', props.title),
			lang.size
				.replace('{width}', iconData.width)
				.replace('{height}', iconData.height),
			lang.palette.replace(
				'{palette}',
				iconData.body.indexOf('currentColor') === -1
					? lang.colors
					: lang.colorless
			),
		];
		tooltip = tooltip.join('\n');

		// Generate SVG
		let svg = Iconify.getSVG(name, {
			'data-width': '1em',
			'data-height': '1em',
			'data-inline': false,
		});

		return (
			
		);
	}
github iconify / iconify-figma / ui / src / components / iconify / footer / full.jsx View on Github external
let props = {
			'data-height': '1em',
			'data-inline': false,
		};

		if (changes.rotate) {
			props['data-rotate'] = changes.rotate;
		}

		if (changes.hFlip) {
			props['data-flip'] = 'horizontal' + (changes.vFlip ? ',vertical' : '');
		} else if (changes.vFlip) {
			props['data-flip'] = 'vertical';
		}

		return Iconify.getSVG(name, props);
	}
}

@iconify/iconify

Unified SVG framework with over 100,000 icons to choose from

MIT
Latest version published 11 months ago

Package Health Score

61 / 100
Full package analysis