Img Rol Duotone Line アイコン

Q: Img Rol Duotone Line アイコンは商用利用でも無料ですか?

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

lets-icons:img-rol-duotone-line

Img Rol Duotone Line アイコン(lets-icons:img-rol-duotone-line)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Lets Icons
作者: Leonid Tsvetkov
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: マルチメディアの種類
タグ: imgrol、rolduotone、duotoneline、imgrolduotoneline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M7 7c0-.89 0-1.335-.268-1.623a1.1 1.1 0 0 0-.285-.213c-.351-.176-.742-.061-1.522.168C3.417 5.774 2.5 6.359 2.5 7s.917 1.226 2.425 1.668c.78.23 1.17.344 1.522.168c.1-.05.21-.131.285-.213C7 8.335 7 7.89 7 7m10 0c0 .89 0 1.335.268 1.623c.076.082.185.163.285.213c.351.176.742.061 1.522-.168C20.583 8.226 21.5 7.641 21.5 7s-.917-1.226-2.425-1.668c-.78-.23-1.17-.344-1.522-.168c-.1.05-.21.131-.285.213C17 5.665 17 6.11 17 7" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M5.96 15.316L3.5 18l4.466 1.218c.516.14.774.211 1.039.247c.264.035.531.035 1.066.035h4.05c.44 0 .659 0 .876-.024c.218-.024.432-.071.86-.166l3.643-.81l-1.122-1.87c-.418-.696-.626-1.044-.861-1.25a2 2 0 0 0-2.35-.21c-.269.16-.536.466-1.07 1.077c-.247.282-.37.422-.497.501a1 1 0 0 1-1.13-.05c-.119-.09-.23-.242-.45-.545l-.374-.515c-1.11-1.526-1.665-2.29-2.429-2.444a2 2 0 0 0-.568-.032c-.776.067-1.413.763-2.688 2.154"/><path stroke="currentColor" d="m3.5 18l2.46-2.684c1.276-1.391 1.913-2.087 2.69-2.154a2 2 0 0 1 .567.032c.764.154 1.319.918 2.429 2.444l.375.515c.22.303.33.455.449.544a1 1 0 0 0 1.13.051c.127-.079.25-.22.497-.501c.534-.61.801-.916 1.07-1.078a2 2 0 0 1 2.35.21c.235.207.443.555.86 1.25L19.5 18.5"/><path stroke="currentColor" stroke-linecap="round" d="M6.5 9V5m11 4V5m-15 12V7m19 0v10M17.507 4.963c1.64.307 2.868.743 3.505 1.246c.637.502.65 1.045.04 1.55c-.611.505-1.816.945-3.44 1.258s-3.584.482-5.597.483c-2.013 0-3.975-.167-5.602-.478c-1.628-.312-2.838-.751-3.455-1.255c-.618-.505-.61-1.047.02-1.55c.631-.504 1.853-.94 3.49-1.25"/><path stroke="currentColor" d="M21.5 17c0 .663-1 1.299-2.782 1.768S14.52 19.5 12 19.5s-4.936-.263-6.718-.732C3.501 18.298 2.5 17.663 2.5 17"/></g></svg>

Img Rol Duotone Line アイコンの使い方

React

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

<Icon icon="lets-icons:img-rol-duotone-line" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:img-rol-duotone-line" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:img-rol-duotone-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--img-rol-duotone-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-rol-duotone-line"></div>

Web コンポーネント

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

<iconify-icon icon="lets-icons:img-rol-duotone-line"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lets-icons/img-rol-duotone-line.svg" alt="Img Rol Duotone Line アイコン" width="24" height="24">

Lets Icons の関連アイコン

Img Rol Duotone Line アイコンのよくある質問

Img Rol Duotone Line アイコンは商用利用でも無料ですか?

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

React で Img Rol Duotone Line アイコンを使うには?

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

Img Rol Duotone Line アイコンをウェブページに追加するには?

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

Lets Icons をすべて見る →