ICONYZ
日本語
Arcticons の Swisstransfer アイコン

Swisstransfer アイコン

arcticons:swisstransfer

Swisstransfer アイコン(arcticons:swisstransfer)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.951 5.5v13.107m.001-2.784l5.933-5.904m-4.045 4.025l4.664 4.643m-29.149-2.696L8.9 15.138c-.743-.228-1.403.626-1.403 1.402v18.798c0 .777.66 1.175 1.403 1.403l18.663 5.722c.743.227 1.4-.626 1.4-1.403v-2.63"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.483 11.824c-.624.021-1.128.76-1.128 1.44v2.627l16.207 4.969c.743.227 1.4.626 1.4 1.402v16.169l2.46.754c.742.227 1.4-.626 1.4-1.403V18.984c0-.776-.658-1.175-1.4-1.402l-18.664-5.72a.8.8 0 0 0-.275-.038"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.688 13.2L16.626 8.584a.8.8 0 0 0-.275-.038c-.624.022-1.128.761-1.128 1.44v2.628l16.207 4.968c.742.227 1.4.626 1.4 1.402v16.17l2.46.753c.742.228 1.4-.626 1.4-1.403V17.717"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.963 38.43V22.263c0-.777-.658-1.175-1.401-1.403l-16.207-4.968"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.964 32.375l2.376-5.844l1.972 2.566l3.847-6.724l3.802 13.66l-3.563-1.128l-.24-3.676l-1.929 3.082z"/></svg>

Swisstransfer アイコンの使い方

React

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

<Icon icon="arcticons:swisstransfer" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:swisstransfer" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:swisstransfer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--swisstransfer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:swisstransfer"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:swisstransfer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/swisstransfer.svg" alt="Swisstransfer アイコン" width="24" height="24">

Swisstransfer アイコン のよくある質問

Swisstransfer アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Swisstransfer アイコンを使うには?

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

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

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

Arcticons をすべて見る →