Rolling Pin Line Duotone アイコン
solar:rolling-pin-line-duotone
Rolling Pin Line Duotone アイコン(solar:rolling-pin-line-duotone)は、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、pinline、lineduotone、rollingpinlineduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M13.1568 17.0126L17.0126 13.1568C18.4667 11.7027 19.1937 10.9756 19.1937 10.0722C19.1937 9.46685 18.8673 8.94073 18.2146 8.22207C17.8931 7.8681 17.4924 7.46741 17.0126 6.98755C16.5327 6.5077 16.132 6.10699 15.778 5.7855C15.0594 5.13276 14.5333 4.8064 13.9279 4.8064C13.0245 4.8064 12.2974 5.53345 10.8433 6.98755L6.98755 10.8433C5.53345 12.2974 4.8064 13.0245 4.8064 13.9279C4.8064 14.5333 5.13276 15.0594 5.7855 15.778C6.10699 16.132 6.5077 16.5327 6.98755 17.0126C7.46741 17.4924 7.8681 17.8931 8.22207 18.2146C8.94073 18.8673 9.46685 19.1937 10.0722 19.1937C10.9756 19.1937 11.7027 18.4667 13.1568 17.0126Z"/><path 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.778M18.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" opacity=".5"/></g></svg>Rolling Pin Line Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:rolling-pin-line-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:rolling-pin-line-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:rolling-pin-line-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rolling-pin-line-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rolling-pin-line-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:rolling-pin-line-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/rolling-pin-line-duotone.svg" alt="Rolling Pin Line Duotone アイコン" width="24" height="24">Solar の関連アイコン
Rolling Pin Line Duotone アイコン のよくある質問
Rolling Pin Line Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rolling Pin Line Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:rolling-pin-line-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rolling Pin Line Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/rolling-pin-line-duotone.svg" alt="Rolling Pin Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。