Paint Roller Filled アイコン

Q: Paint Roller Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:paint-roller-filled

Paint Roller Filled アイコン(reicon:paint-roller-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: ツール
タグ: paintroller、rollerfilled、paintrollerfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 4.5c0-.935 0-1.402.201-1.75a1.5 1.5 0 0 1 .549-.549C7.098 2 7.565 2 8.5 2h7c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549C18 3.098 18 3.565 18 4.5s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549C16.902 7 16.435 7 15.5 7h-7c-.935 0-1.402 0-1.75-.201a1.5 1.5 0 0 1-.549-.549C6 5.902 6 5.435 6 4.5m-.998-.56a.748.748 0 0 0 0 1.121Q5 4.813 5 4.541V4.46q0-.273.002-.52M10 16v4c0 .943 0 1.414.293 1.707S11.057 22 12 22s1.414 0 1.707-.293S14 20.943 14 20v-4c0-.943 0-1.414-.293-1.707S12.943 14 12 14s-1.414 0-1.707.293S10 15.057 10 16"/><path d="M18.994 5.25h.051c.455 0 .76 0 .997.016c.23.015.342.042.416.07c.323.128.578.383.706.706c.029.074.056.187.07.417c.016.236.016.541.016.996c0 .837-.01 1.067-.071 1.239a1.25 1.25 0 0 1-.592.687c-.161.086-.387.13-1.215.255l-4.123.618c-.773.116-1.421.213-1.934.358c-.543.152-1.023.38-1.398.816c-.384.445-.542.977-.61 1.578c.204-.006.42-.006.639-.006h.109c.265 0 .525 0 .766.011c.05-.32.127-.482.232-.604c.11-.127.278-.242.668-.351c.411-.116.966-.2 1.797-.325l4.196-.63c.65-.097 1.158-.172 1.577-.395a2.75 2.75 0 0 0 1.302-1.513c.158-.447.158-.96.157-1.617V7.43c0-.424 0-.779-.019-1.07a2.8 2.8 0 0 0-.172-.868a2.75 2.75 0 0 0-1.551-1.552a2.8 2.8 0 0 0-.869-.172a18 18 0 0 0-1.07-.019h-.075q.008.33.006.71v.08q.002.38-.006.71"/></g></svg>

Paint Roller Filled アイコンの使い方

React

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

<Icon icon="reicon:paint-roller-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:paint-roller-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:paint-roller-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--paint-roller-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:paint-roller-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:paint-roller-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/paint-roller-filled.svg" alt="Paint Roller Filled アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Paint Roller Filled アイコン

Paint Roller Filled アイコンのよくある質問

Paint Roller Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Paint Roller Filled アイコンを使うには?

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

Paint Roller Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/paint-roller-filled.svg" alt="Paint Roller Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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