Swipe Outline Rounded アイコン

Q: Swipe Outline Rounded アイコンは商用利用でも無料ですか?

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

material-symbols-light:swipe-outline-rounded

Swipe Outline Rounded アイコン(material-symbols-light:swipe-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクション
タグ: arrow、arrows、fingers、gesture、hand、hands、swipe、touch、action、swipeoutline、outlinerounded、swipeoutlinerounded

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.804 4.237Q5.808 5.107 4.1 6.5h2.842q.192 0 .317.125q.126.125.126.317t-.126.317t-.317.125H3.808q-.343 0-.576-.232T3 6.578V3.442q0-.191.125-.317Q3.25 3 3.442 3t.317.125t.126.317v2.064q1.78-1.36 3.83-2.192T12 2.48t4.285.833t3.83 2.192V3.442q0-.191.126-.317q.125-.125.316-.125t.317.125t.126.317v3.135q0 .343-.232.576t-.576.232h-3.134q-.192 0-.317-.126t-.126-.316t.126-.317t.317-.126H19.9q-1.708-1.392-3.704-2.264q-1.996-.87-4.196-.87t-4.196.87M11.825 21q-.504 0-.948-.186t-.812-.554L5.59 15.796q-.17-.179-.178-.447t.191-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.144-.356t.357-.144t.356.144T10.5 7v8.596q0 .404-.323.646q-.323.243-.702.137l-2.611-.71l3.915 3.897q.202.201.477.318t.569.116H15.5q1.056 0 1.778-.722T18 17.5v-4q0-.213.144-.356t.357-.144t.356.144t.143.356v4q0 1.458-1.021 2.479T15.504 21zm1.359-10.856q.143.143.143.356V14q0 .212-.144.356t-.357.144t-.356-.144t-.143-.356v-3.5q0-.213.144-.356q.144-.144.356-.144q.213 0 .357.144m2.846 1q.143.144.143.356V14q0 .213-.144.356q-.144.144-.357.144t-.356-.144t-.143-.356v-2.5q0-.213.144-.356t.357-.144t.356.144m-1.832 5.99"/></svg>

Swipe Outline Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:swipe-outline-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:swipe-outline-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:swipe-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--swipe-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:swipe-outline-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:swipe-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/swipe-outline-rounded.svg" alt="Swipe Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Swipe Outline Rounded アイコン

Swipe Outline Rounded アイコンのよくある質問

Swipe Outline Rounded アイコンは商用利用でも無料ですか?

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

React で Swipe Outline Rounded アイコンを使うには?

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

Swipe Outline Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/swipe-outline-rounded.svg" alt="Swipe Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコンをすべて見る →