ICONYZ
日本語
Solar の Rolling Pin Bold Duotone アイコン

Rolling Pin Bold Duotone アイコン

solar:rolling-pin-bold-duotone

Rolling Pin Bold Duotone アイコン(solar:rolling-pin-bold-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、pinbold、boldduotone、rollingpinboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.157 17.0126L17.0128 13.1568C18.4669 11.7027 19.194 10.9756 19.194 10.0722C19.194 9.46685 18.8676 8.94073 18.2149 8.22207C17.8933 7.8681 17.4927 7.46741 17.0128 6.98755C16.533 6.5077 16.1322 6.10699 15.7783 5.7855C15.0596 5.13276 14.5335 4.8064 13.9282 4.8064C13.0247 4.8064 12.2977 5.53345 10.8436 6.98755L6.98779 10.8433C5.53369 12.2974 4.80664 13.0245 4.80664 13.9279C4.80664 14.5333 5.13301 15.0594 5.78574 15.778C6.10724 16.132 6.50795 16.5327 6.98779 17.0126C7.46766 17.4924 7.86834 17.8931 8.22232 18.2146C8.94097 18.8673 9.4671 19.1937 10.0724 19.1937C10.9759 19.1937 11.7029 18.4667 13.157 17.0126Z"/><g opacity=".5"><path d="M21.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.78545C16.1319 6.10694 16.5327 6.50765 17.0125 6.9875C17.4924 7.46736 17.8931 7.86805 18.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.74615Z"/><path d="M2.56209 21.0658C2.59946 21.1072 2.64836 21.1561 2.74615 21.2539C2.84385 21.3516 2.89286 21.4006 2.93424 21.4379C3.86848 22.2812 5.32058 22.161 6.10347 21.1756C6.13817 21.132 6.17836 21.0757 6.25875 20.9631L8.22202 18.2146C7.86805 17.8931 7.46736 17.4924 6.9875 17.0125C6.50765 16.5327 6.10694 16.1319 5.78545 15.778L3.03686 17.7413C2.92445 17.8215 2.86803 17.8619 2.82438 17.8965C1.83899 18.6794 1.71881 20.1315 2.56209 21.0658Z"/></g></g></svg>

Rolling Pin Bold Duotone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:rolling-pin-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:rolling-pin-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:rolling-pin-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rolling-pin-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rolling-pin-bold-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-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/rolling-pin-bold-duotone.svg" alt="Rolling Pin Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Rolling Pin Bold Duotone アイコン のよくある質問

Rolling Pin Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Rolling Pin Bold Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:rolling-pin-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rolling Pin Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/rolling-pin-bold-duotone.svg" alt="Rolling Pin Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →