Rolling Pin Linear icon
solar:rolling-pin-linear
The Rolling Pin Linear icon (solar:rolling-pin-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Food
- Tags
- rollingpin, pinlinear, rollingpinlinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.22202 18.2146L6.25875 20.9631C6.17836 21.0757 6.13817 21.132 6.10347 21.1756C5.32058 22.161 3.86848 22.2812 2.93424 21.4379C2.89286 21.4006 2.84385 21.3516 2.74615 21.2539C2.64836 21.1561 2.59946 21.1072 2.56209 21.0658C1.71881 20.1315 1.83899 18.6794 2.82438 17.8965C2.86803 17.8619 2.92445 17.8215 3.03686 17.7413L5.78545 15.778M15.778 5.78545C16.1319 6.10694 16.5327 6.50765 17.0125 6.9875C17.4924 7.46736 17.8931 7.86805 18.2146 8.22202C18.8673 8.94068 19.1937 9.4668 19.1937 10.0721C19.1937 10.9756 18.4666 11.7026 17.0125 13.1567L13.1567 17.0125C11.7026 18.4666 10.9756 19.1937 10.0721 19.1937C9.4668 19.1937 8.94068 18.8673 8.22202 18.2146C7.86805 17.8931 7.46736 17.4924 6.9875 17.0125C6.50765 16.5327 6.10694 16.1319 5.78545 15.778M5.78545 15.778C5.13271 15.0593 4.80634 14.5332 4.80634 13.9279C4.80634 13.0244 5.5334 12.2974 6.9875 10.8433L10.8433 6.9875C12.2974 5.5334 13.0244 4.80634 13.9279 4.80634C14.5332 4.80634 15.0593 5.13271 15.778 5.78545M18.2146 8.22202L20.9631 6.25875C21.0757 6.17836 21.132 6.13817 21.1756 6.10347C22.161 5.32058 22.2812 3.86848 21.4379 2.93424C21.4006 2.89286 21.3516 2.84385 21.2539 2.74615C21.1561 2.64836 21.1072 2.59946 21.0658 2.56209C20.1315 1.71881 18.6794 1.83899 17.8965 2.82438C17.8619 2.86803 17.8215 2.92445 17.7413 3.03686L15.778 5.78545"/></svg>How to use the Rolling Pin Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:rolling-pin-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:rolling-pin-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:rolling-pin-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rolling-pin-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rolling-pin-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:rolling-pin-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/rolling-pin-linear.svg" alt="Rolling Pin Linear icon" width="24" height="24">Related icons in Solar
Rolling Pin Linear icon FAQ
Is the Rolling Pin Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Rolling Pin Linear icon in React?
Install @iconify/react and render <Icon icon="solar:rolling-pin-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rolling Pin Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/rolling-pin-linear.svg" alt="Rolling Pin Linear icon">, or paste the SVG code inline to style it with CSS.