ICONYZ
日本語
Huge Icons の Curvy Left Right Direction アイコン

Curvy Left Right Direction アイコン

hugeicons:curvy-left-right-direction

Curvy Left Right Direction アイコン(hugeicons:curvy-left-right-direction)は、Huge Icons セットの無料 SVG アイコンです(作者: Hugeicons)。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Huge Icons
作者
Hugeicons
ライセンス
MIT
サイズ
24 × 24
タグ
curvyleft、leftright、rightdirection、curvyleftrightdirection
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.998 13s-2-1.473-2-2s2-2 2-2m16.006 6s1.999-1.473 1.999-2s-2-2-2-2m1.775 1.867c-1.412.29-4.058.403-5.368-2.05c-.543-.864-.442-2.31-.442-3.956c-.033-.67-.605-1.891-2.037-1.86s-1.902 1.206-1.958 1.79v10.111c.014.852-.48 2.097-1.996 2.097c-1.48 0-2.06-1.312-1.932-2.295c.346-2.664-.463-5.457-3.963-5.701H1.998"/></svg>

Curvy Left Right Direction アイコンの使い方

React

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

<Icon icon="hugeicons:curvy-left-right-direction" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:curvy-left-right-direction" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:curvy-left-right-direction" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--curvy-left-right-direction]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:curvy-left-right-direction"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:curvy-left-right-direction"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/curvy-left-right-direction.svg" alt="Curvy Left Right Direction アイコン" width="24" height="24">

Huge Icons の関連アイコン

Curvy Left Right Direction アイコン のよくある質問

Curvy Left Right Direction アイコンは商用利用でも無料ですか?

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

React で Curvy Left Right Direction アイコンを使うには?

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

Curvy Left Right Direction アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/curvy-left-right-direction.svg" alt="Curvy Left Right Direction アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Huge Icons をすべて見る →