Arrow Right To Line Bold Duotone アイコン

Q: Arrow Right To Line Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:arrow-right-to-line-bold-duotone

Arrow Right To Line Bold Duotone アイコン(solar:arrow-right-to-line-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
カテゴリ: 矢印（アクション）
タグ: arrowright、rightto、toline、linebold、boldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 20C2.25 20.4142 2.58579 20.75 3 20.75C3.41421 20.75 3.75 20.4142 3.75 20L3.75 4C3.75 3.58579 3.41421 3.25 3 3.25C2.58579 3.25 2.25 3.58579 2.25 4L2.25 20Z"/><path d="M21 12.7501L9.93164 12.7501L12.8809 15.4464C13.1865 15.7258 13.208 16.2002 12.9287 16.506C12.6493 16.8116 12.1748 16.8331 11.8691 16.5538L7.49414 12.5538C7.33874 12.4117 7.25 12.2107 7.25 12.0001C7.25 11.7895 7.33874 11.5885 7.49414 11.4464L11.8691 7.44639C12.1749 7.16709 12.6493 7.18861 12.9287 7.49424C13.208 7.79995 13.1865 8.27437 12.8809 8.55381L9.93164 11.2501L21 11.2501C21.4142 11.2501 21.75 11.5859 21.75 12.0001C21.75 12.4143 21.4142 12.7501 21 12.7501Z" opacity=".5"/></g></svg>

Arrow Right To Line Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:arrow-right-to-line-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:arrow-right-to-line-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:arrow-right-to-line-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--arrow-right-to-line-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:arrow-right-to-line-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:arrow-right-to-line-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/arrow-right-to-line-bold-duotone.svg" alt="Arrow Right To Line Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Arrow Right To Line Bold Duotone アイコンのよくある質問

Arrow Right To Line Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Arrow Right To Line Bold Duotone アイコンを使うには?

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

Arrow Right To Line Bold Duotone アイコンをウェブページに追加するには?

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

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