Ícone Rolling Pin
reicon:rolling-pin
O ícone Rolling Pin (reicon:rolling-pin) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.31 2.358a2.93 2.93 0 0 1 4.258-.353c.056.05.118.113.201.196l.03.03c.083.083.145.145.196.2a2.93 2.93 0 0 1-.353 4.26c-.059.047-.13.097-.226.166l-2.11 1.507c.384.522.638 1.066.638 1.708c0 .682-.285 1.248-.7 1.79c-.394.518-.969 1.092-1.664 1.788l-3.93 3.93c-.696.696-1.27 1.27-1.787 1.665c-.543.414-1.11.699-1.79.699c-.643 0-1.187-.254-1.71-.637l-1.506 2.11c-.069.095-.12.166-.166.225a2.93 2.93 0 0 1-4.26.353c-.055-.05-.117-.113-.2-.196l-.03-.03c-.083-.083-.145-.145-.196-.2a2.93 2.93 0 0 1 .353-4.26c.059-.047.13-.098.226-.166l2.11-1.507c-.384-.522-.638-1.065-.638-1.708c0-.682.285-1.248.7-1.79c.394-.518.969-1.092 1.664-1.788l3.93-3.93c.696-.695 1.27-1.27 1.787-1.665c.543-.414 1.11-.699 1.79-.699c.643 0 1.187.254 1.71.637l1.506-2.11c.069-.095.12-.166.166-.225m-.542 3.331q.354.346.764.757l.022.022q.41.41.757.764l2.216-1.584c.12-.086.157-.112.182-.132a1.43 1.43 0 0 0 .172-2.08a6 6 0 0 0-.157-.16a5 5 0 0 0-.16-.157a1.43 1.43 0 0 0-2.08.172a5 5 0 0 0-.132.182zM5.69 16.77l-2.216 1.583a5 5 0 0 0-.182.132a1.43 1.43 0 0 0-.172 2.08c.021.023.053.055.157.16c.105.104.137.136.16.157a1.43 1.43 0 0 0 2.08-.172c.02-.025.046-.061.132-.182l1.584-2.216a77 77 0 0 1-.764-.757l-.022-.022q-.41-.41-.757-.764m7.358-10.821c-.427.326-.931.828-1.673 1.57l-3.856 3.856c-.742.742-1.244 1.246-1.57 1.673c-.313.41-.392.66-.392.88c0 .302.145.642.785 1.347c.306.338.693.724 1.177 1.208s.87.87 1.208 1.177c.705.64 1.045.785 1.346.785c.222 0 .471-.08.881-.392c.427-.326.931-.828 1.673-1.57l3.856-3.856c.742-.742 1.244-1.246 1.57-1.673c.313-.41.392-.66.392-.88c0-.302-.145-.642-.785-1.347a38 38 0 0 0-1.177-1.208c-.484-.484-.87-.87-1.208-1.177c-.705-.64-1.045-.785-1.346-.785c-.222 0-.471.08-.881.392" clip-rule="evenodd"/></svg>Como usar o ícone Rolling Pin
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:rolling-pin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:rolling-pin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:rolling-pin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--rolling-pin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:rolling-pin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:rolling-pin"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/rolling-pin.svg" alt="Ícone Rolling Pin" width="24" height="24">Ícones relacionados em Reicon
O ícone Rolling Pin em outras coleções
Perguntas frequentes sobre Ícone Rolling Pin
O ícone Rolling Pin é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rolling Pin no React?
Instale @iconify/react e renderize <Icon icon="reicon:rolling-pin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rolling Pin a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/rolling-pin.svg" alt="Ícone Rolling Pin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.