Opera Touch アイコン
arcticons:opera-touch
Opera Touch アイコン(arcticons:opera-touch)は、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
- タグ
- operatouch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M32.669 42.373q-1.442.286-2.957.288c-5.12 0-9.705-2.54-12.79-6.545v0c-2.376-2.806-3.916-6.954-4.021-11.61v-1.012c.104-4.655 1.644-8.804 4.022-11.61C20.006 7.878 24.592 5.34 29.71 5.34c3.15 0 6.096.961 8.616 2.634A21.4 21.4 0 0 0 24.08 2.502L24 2.501C12.125 2.5 2.5 12.127 2.5 24c0 11.528 9.077 20.938 20.476 21.472q.509.026 1.024.026c3.384 0 6.585-.782 9.432-2.175"/><path d="M43.326 33.432A21.4 21.4 0 0 0 45.5 24c0-6.368-2.77-12.089-7.17-16.026c-2.521-1.672-5.468-2.634-8.618-2.634c-5.12 0-9.705 2.54-12.79 6.545c1.973-2.329 4.522-3.733 7.306-3.733c4.478 0 8.35 3.634 10.19 8.91c.732 2.095 1.142 4.45 1.142 6.939c0 8.752-5.073 15.848-11.333 15.848c-2.783 0-5.332-1.404-7.304-3.733c3.084 4.006 7.67 6.545 12.79 6.545c1.008 0 1.996-.099 2.956-.287"/></g><circle cx="38.5" cy="38.499" r="7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.85 34.499h5.3m-2.65 8v-8"/></svg>Opera Touch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:opera-touch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:opera-touch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:opera-touch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--opera-touch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:opera-touch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:opera-touch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/opera-touch.svg" alt="Opera Touch アイコン" width="24" height="24">Arcticons の関連アイコン
Opera Touch アイコン のよくある質問
Opera Touch アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Opera Touch アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:opera-touch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Opera Touch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/opera-touch.svg" alt="Opera Touch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。