Ícone Impeller 20 Bold
energy-icons:impeller-20-bold
O ícone Impeller 20 Bold (energy-icons:impeller-20-bold) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 20 × 20. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 20 × 20
- Tags
- impellerbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.875 10a6.875 6.875 0 1 0-13.75 0a6.875 6.875 0 0 0 13.75 0m1.25 0a8.125 8.125 0 1 1-16.25 0a8.125 8.125 0 0 1 16.25 0"/><path fill="currentColor" d="M11.042 10a1.042 1.042 0 1 0-2.083 0a1.042 1.042 0 0 0 2.083 0m1.25 0a2.292 2.292 0 1 1-4.583 0a2.292 2.292 0 0 1 4.583 0"/><path fill="currentColor" d="M12.049 9.505c.043.033.16.096.411.22c.221.11.507.251.793.419c.54.316 1.246.822 1.496 1.604c.12.378.14.84.122 1.277c-.018.452-.077.942-.146 1.407c-.07.465-.152.919-.22 1.295c-.07.391-.118.67-.132.824l-1.246-.11c.02-.224.083-.57.148-.935c.069-.38.147-.816.213-1.26c.067-.445.119-.884.134-1.27q.016-.45-.03-.703l-.033-.145c-.097-.302-.425-.605-.939-.906c-.24-.142-.486-.262-.716-.376c-.2-.1-.454-.224-.619-.35zm-.597 2.021c-.007.054-.003.187.015.467c.015.247.036.565.034.896c-.004.625-.088 1.49-.638 2.097c-.266.294-.658.542-1.045.745c-.4.21-.854.405-1.29.578c-.439.172-.873.327-1.233.457a12 12 0 0 0-.782.298l-.526-1.134c.205-.095.535-.215.884-.34c.364-.131.78-.28 1.198-.444c.419-.165.825-.341 1.166-.521c.355-.187.587-.35.703-.477c.211-.235.309-.672.313-1.268c.002-.28-.016-.553-.032-.81c-.014-.222-.033-.505-.005-.712zM2.858 9.488c.186.13.455.357.738.596c.295.25.632.536.983.815c.352.28.707.544 1.033.75c.339.214.598.333.766.37c.31.067.736-.066 1.253-.36c.243-.14.47-.291.684-.433c.186-.124.421-.283.615-.363l.474 1.158c-.05.02-.163.09-.397.246c-.206.136-.47.314-.757.477c-.543.31-1.334.67-2.137.495c-.388-.084-.797-.299-1.168-.532a13 13 0 0 1-1.144-.83c-.368-.293-.72-.591-1.012-.838c-.304-.257-.52-.438-.647-.527zm4.015-5.929c-.02.224-.082.571-.148.936c-.068.38-.147.815-.214 1.259a12 12 0 0 0-.132 1.27c-.016.4.01.685.062.85c.097.3.425.603.939.904c.24.142.486.262.715.376c.2.1.455.224.62.35l-.764.991a4 4 0 0 0-.411-.222c-.222-.11-.508-.25-.793-.417c-.54-.316-1.247-.822-1.496-1.603c-.12-.378-.139-.84-.121-1.277c.017-.452.076-.942.145-1.407c.07-.465.152-.92.22-1.296c.07-.391.119-.67.133-.824zm6.877-.055l.263.567c-.205.095-.535.214-.884.34c-.364.13-.78.28-1.197.443c-.418.165-.824.341-1.166.521c-.355.187-.588.352-.704.48c-.211.235-.309.67-.313 1.265c-.002.28.017.553.032.81c.014.222.034.506.005.713l-.619-.085l-.619-.084a4 4 0 0 0-.015-.467c-.015-.247-.036-.565-.034-.896c.004-.625.088-1.49.638-2.097v-.002c.268-.293.66-.54 1.047-.743c.4-.21.853-.405 1.29-.577s.872-.328 1.231-.458c.374-.134.64-.232.782-.297zm-2 3.752c.543-.31 1.334-.67 2.137-.495l.146.037c.344.1.698.291 1.022.496c.382.24.777.537 1.144.829c.368.293.72.592 1.012.839c.304.257.52.437.647.526l-.716 1.024c-.186-.13-.455-.357-.738-.596c-.295-.25-.632-.535-.983-.815c-.352-.28-.707-.545-1.033-.75c-.339-.214-.598-.332-.766-.369c-.31-.067-.736.065-1.253.36c-.243.138-.47.29-.684.432c-.186.124-.421.283-.615.363l-.474-1.158c.05-.02.163-.09.397-.245c.206-.137.47-.315.757-.478"/></svg>Como usar o ícone Impeller 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:impeller-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:impeller-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:impeller-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--impeller-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:impeller-20-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:impeller-20-bold"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/impeller-20-bold.svg" alt="Ícone Impeller 20 Bold" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Impeller 20 Bold
O ícone Impeller 20 Bold é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Impeller 20 Bold no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:impeller-20-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Impeller 20 Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/impeller-20-bold.svg" alt="Ícone Impeller 20 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.