Ryo アイコン
arcticons:ryo
Ryo アイコン(arcticons:ryo)は、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 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="M14.126 43.299v-12.47l1.759-3.674l-1.76-3.673V21.73c0-.92 1.149-1.836 2.075-1.836h15.922c.926 0 2.074.917 2.074 1.836v1.753l-1.759 3.673l1.76 3.673v12.47zm.191-19.816h19.688m-19.688 7.345h19.688m-5.157-3.673h3.398m-16.17 0h3.62"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.699 30.702V26.27h9.152v4.432m-2.705.34v2.29c0 1.25-.885 2.254-1.985 2.254s-1.985-1.005-1.985-2.253v-2.291m3.97-7.646c0-1.249-.885-2.254-1.985-2.254s-1.985 1.005-1.985 2.254"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.932 31.249c4.193 0 7.568-3.243 7.568-7.27c0-6.667-4.406-9.331-9.495-8.657c-1.295-4.832-6.148-6.444-9.524-4.867c-3.012-6.767-9.023-6.202-11.772-5.041c-3.376 1.426-6.812 5.774-4.641 11.295c-4.193 0-7.568 3.242-7.568 7.27s3.375 7.27 7.568 7.27"/></svg>Ryo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:ryo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:ryo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:ryo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ryo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ryo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:ryo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/ryo.svg" alt="Ryo アイコン" width="24" height="24">他のアイコンセットの Ryo アイコン
Ryo アイコン のよくある質問
Ryo アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ryo アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:ryo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ryo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/ryo.svg" alt="Ryo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。