<span class="icon-[charm--crosshair]"></span>
<span class="i-charm-crosshair"></span>
Import component:
import CharmCrosshair from '~icons/charm/crosshair'
Use component:
<CharmCrosshair />
<iconify-icon icon="charm:crosshair"></iconify-icon>
Iconify URL：
https://api.iconify.design/charm:crosshair.svg
搭配 @iconify/react:
<Icon icon="charm:crosshair" />
JSX:
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M8 5.25v-3m0 11.5v-3M10.75 8h3M2.25 8h3"/><circle cx="8" cy="8" r="6.25"/></g></svg>
export function CharmCrosshair(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 5.25v-3m0 11.5v-3M10.75 8h3M2.25 8h3"/><circle cx="8" cy="8" r="6.25"/></g></svg>
)
}
搭配 @iconify/vue:
<Icon icon="charm:crosshair" />
搭配 nuxt-icon:
<Icon name="charm:crosshair" />
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 5.25v-3m0 11.5v-3M10.75 8h3M2.25 8h3"/><circle cx="8" cy="8" r="6.25"/></g></svg>
</template>
<script>
export default {
name: 'CharmCrosshair'
}
</script>
搭配 @iconify/svelte:
<Icon icon="charm:crosshair" />
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 5.25v-3m0 11.5v-3M10.75 8h3M2.25 8h3"/><circle cx="8" cy="8" r="6.25"/></g></svg>
export function CharmCrosshair(props, key) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props} key={key}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8 5.25v-3m0 11.5v-3M10.75 8h3M2.25 8h3"/><circle cx="8" cy="8" r="6.25"/></g></svg>
)
}