Rolling Pin Linear アイコン
solar:rolling-pin-linear
Rolling Pin Linear アイコン(solar:rolling-pin-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 食べ物
- タグ
- rollingpin、pinlinear、rollingpinlinear
SVG コード
<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>Rolling Pin Linear アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/solar/rolling-pin-linear.svg" alt="Rolling Pin Linear アイコン" width="24" height="24">Solar の関連アイコン
Rolling Pin Linear アイコン のよくある質問
Rolling Pin Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rolling Pin Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:rolling-pin-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rolling Pin Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/rolling-pin-linear.svg" alt="Rolling Pin Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。