wpf:fan
- wpf:fan
- wpf-fan
- wpf--fan
- wpf/fan
- wpfFan
- WpfFan
- i-wpf-fan
- icon-[wpf--fan]
- fan@wpf
Author: Icons8
License: MIT
Color
Size
Relative units (em)
HTML Tag: SEO / AccessibilityJSXSelf closing tag
With @iconify/tailwind: Installation Guide
<span class="icon-[wpf--fan]"></span>
With @egoist/tailwindcss-icons: Installation Guide
<span class="i-wpf-fan"></span>
Iconify Web Component：Installation Guide
<iconify-icon icon="wpf:fan"></iconify-icon>
Iconify URL：
https://api.iconify.design/wpf:fan.svg
With @iconify/react:
<Icon icon="wpf:fan" />
JSX:
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M13 .188C7.582.188 3.187 4.58 3.187 10c0 5.417 4.396 9.811 9.813 9.813c5.416-.002 9.813-4.396 9.813-9.813c0-5.421-4.399-9.813-9.813-9.813zm0 1.125c4.794 0 8.688 3.89 8.688 8.687S17.796 18.686 13 18.688a8.687 8.687 0 1 1 0-17.375m-2.469 1.656c-1.176.115-2.349 1.63-1.625 3c.68 1.284 2.096 1.16 2.531 2.625c.405-.556 1.206-1.184 2.563-.531c.878-3.252-.975-5.332-3.469-5.094m8.031 5.5c-1.45-.055-2.077 1.229-3.562.875c.277.627.432 1.65-.813 2.5c2.377 2.385 5.085 1.81 6.126-.469c.489-1.075-.201-2.85-1.75-2.906zm-5.812.25c-.59.12-1.031.655-1.031 1.281c0 .716.565 1.281 1.281 1.281s1.281-.565 1.281-1.281S13.716 8.719 13 8.719c-.09 0-.166-.018-.25 0m-1.938 1.375c-3.254.865-4.11 3.521-2.656 5.562c.686.961 2.582 1.22 3.406-.094c.773-1.228-.05-2.39 1-3.5c-.681-.073-1.637-.466-1.75-1.968M11 21c0 2.001-4 2.344-4 4v1h12v-1c0-1.656-4-1.999-4-4c0 0-.379.313-2 .313S11 21 11 21"/></svg>
Component:
export function WpfFan(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26" {...props}><path fill="currentColor" d="M13 .188C7.582.188 3.187 4.58 3.187 10c0 5.417 4.396 9.811 9.813 9.813c5.416-.002 9.813-4.396 9.813-9.813c0-5.421-4.399-9.813-9.813-9.813zm0 1.125c4.794 0 8.688 3.89 8.688 8.687S17.796 18.686 13 18.688a8.687 8.687 0 1 1 0-17.375m-2.469 1.656c-1.176.115-2.349 1.63-1.625 3c.68 1.284 2.096 1.16 2.531 2.625c.405-.556 1.206-1.184 2.563-.531c.878-3.252-.975-5.332-3.469-5.094m8.031 5.5c-1.45-.055-2.077 1.229-3.562.875c.277.627.432 1.65-.813 2.5c2.377 2.385 5.085 1.81 6.126-.469c.489-1.075-.201-2.85-1.75-2.906zm-5.812.25c-.59.12-1.031.655-1.031 1.281c0 .716.565 1.281 1.281 1.281s1.281-.565 1.281-1.281S13.716 8.719 13 8.719c-.09 0-.166-.018-.25 0m-1.938 1.375c-3.254.865-4.11 3.521-2.656 5.562c.686.961 2.582 1.22 3.406-.094c.773-1.228-.05-2.39 1-3.5c-.681-.073-1.637-.466-1.75-1.968M11 21c0 2.001-4 2.344-4 4v1h12v-1c0-1.656-4-1.999-4-4c0 0-.379.313-2 .313S11 21 11 21"/></svg>
)
}
With @iconify/vue:
<Icon icon="wpf:fan" />
With nuxt-icon:
<Icon name="wpf:fan" />
Component:
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M13 .188C7.582.188 3.187 4.58 3.187 10c0 5.417 4.396 9.811 9.813 9.813c5.416-.002 9.813-4.396 9.813-9.813c0-5.421-4.399-9.813-9.813-9.813zm0 1.125c4.794 0 8.688 3.89 8.688 8.687S17.796 18.686 13 18.688a8.687 8.687 0 1 1 0-17.375m-2.469 1.656c-1.176.115-2.349 1.63-1.625 3c.68 1.284 2.096 1.16 2.531 2.625c.405-.556 1.206-1.184 2.563-.531c.878-3.252-.975-5.332-3.469-5.094m8.031 5.5c-1.45-.055-2.077 1.229-3.562.875c.277.627.432 1.65-.813 2.5c2.377 2.385 5.085 1.81 6.126-.469c.489-1.075-.201-2.85-1.75-2.906zm-5.812.25c-.59.12-1.031.655-1.031 1.281c0 .716.565 1.281 1.281 1.281s1.281-.565 1.281-1.281S13.716 8.719 13 8.719c-.09 0-.166-.018-.25 0m-1.938 1.375c-3.254.865-4.11 3.521-2.656 5.562c.686.961 2.582 1.22 3.406-.094c.773-1.228-.05-2.39 1-3.5c-.681-.073-1.637-.466-1.75-1.968M11 21c0 2.001-4 2.344-4 4v1h12v-1c0-1.656-4-1.999-4-4c0 0-.379.313-2 .313S11 21 11 21"/></svg>
</template>
<script>
export default {
name: 'WpfFan'
}
</script>
With @iconify/svelte:
<Icon icon="wpf:fan" />
Component:
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26"><path fill="currentColor" d="M13 .188C7.582.188 3.187 4.58 3.187 10c0 5.417 4.396 9.811 9.813 9.813c5.416-.002 9.813-4.396 9.813-9.813c0-5.421-4.399-9.813-9.813-9.813zm0 1.125c4.794 0 8.688 3.89 8.688 8.687S17.796 18.686 13 18.688a8.687 8.687 0 1 1 0-17.375m-2.469 1.656c-1.176.115-2.349 1.63-1.625 3c.68 1.284 2.096 1.16 2.531 2.625c.405-.556 1.206-1.184 2.563-.531c.878-3.252-.975-5.332-3.469-5.094m8.031 5.5c-1.45-.055-2.077 1.229-3.562.875c.277.627.432 1.65-.813 2.5c2.377 2.385 5.085 1.81 6.126-.469c.489-1.075-.201-2.85-1.75-2.906zm-5.812.25c-.59.12-1.031.655-1.031 1.281c0 .716.565 1.281 1.281 1.281s1.281-.565 1.281-1.281S13.716 8.719 13 8.719c-.09 0-.166-.018-.25 0m-1.938 1.375c-3.254.865-4.11 3.521-2.656 5.562c.686.961 2.582 1.22 3.406-.094c.773-1.228-.05-2.39 1-3.5c-.681-.073-1.637-.466-1.75-1.968M11 21c0 2.001-4 2.344-4 4v1h12v-1c0-1.656-4-1.999-4-4c0 0-.379.313-2 .313S11 21 11 21"/></svg>
Component:
export function WpfFan(props, key) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 26 26" {...props} key={key}><path fill="currentColor" d="M13 .188C7.582.188 3.187 4.58 3.187 10c0 5.417 4.396 9.811 9.813 9.813c5.416-.002 9.813-4.396 9.813-9.813c0-5.421-4.399-9.813-9.813-9.813zm0 1.125c4.794 0 8.688 3.89 8.688 8.687S17.796 18.686 13 18.688a8.687 8.687 0 1 1 0-17.375m-2.469 1.656c-1.176.115-2.349 1.63-1.625 3c.68 1.284 2.096 1.16 2.531 2.625c.405-.556 1.206-1.184 2.563-.531c.878-3.252-.975-5.332-3.469-5.094m8.031 5.5c-1.45-.055-2.077 1.229-3.562.875c.277.627.432 1.65-.813 2.5c2.377 2.385 5.085 1.81 6.126-.469c.489-1.075-.201-2.85-1.75-2.906zm-5.812.25c-.59.12-1.031.655-1.031 1.281c0 .716.565 1.281 1.281 1.281s1.281-.565 1.281-1.281S13.716 8.719 13 8.719c-.09 0-.166-.018-.25 0m-1.938 1.375c-3.254.865-4.11 3.521-2.656 5.562c.686.961 2.582 1.22 3.406-.094c.773-1.228-.05-2.39 1-3.5c-.681-.073-1.637-.466-1.75-1.968M11 21c0 2.001-4 2.344-4 4v1h12v-1c0-1.656-4-1.999-4-4c0 0-.379.313-2 .313S11 21 11 21"/></svg>
)
}
