Rolling Pin アイコン
reicon:rolling-pin
Rolling Pin アイコン(reicon:rolling-pin)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:rolling-pin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/rolling-pin.svg" alt="Rolling Pin アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Rolling Pin アイコン
Rolling Pin アイコン のよくある質問
Rolling Pin アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rolling Pin アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:rolling-pin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rolling Pin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/rolling-pin.svg" alt="Rolling Pin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。