Rcui アイコン
thesvg-color:rcui
Rcui アイコン(thesvg-color:rcui)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1280 × 1280 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1280 × 1280
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="1280" viewBox="0 0 1280 1280"><path fill="#038fec" fill-rule="evenodd" stroke="#038fec" stroke-linejoin="round" stroke-width=".8" d="M384.46 481.24c-.26.69-.36 72.58-.22 159.76l.26 158.5l63.75.26l63.75.26l-.25-159.76l-.25-159.76l-63.28-.26c-50.09-.2-63.38 0-63.76 1zm86.31 63.01l.27 18.75H426v-38.04l22.25.27l22.25.27zm-.97 70.95c.87.87 1.2 7.93 1.2 25.5V665h-45v-24.83c0-13.66.3-25.13.67-25.5c1.27-1.27 41.84-.76 43.13.53zm.7 120.8v18.5l-22.25.27c-17.43.21-22.26-.01-22.3-1c-.04-1.14-.02-34.17.03-36.04c.01-.42 10.03-.65 22.27-.5l22.25.27zm73.95-254.73c-.27.7-.37 10.72-.22 22.25l.27 20.97l26.25.27l26.25.27v37.94l-26.25.27l-26.25.27l-.27 25.25l-.27 25.25h24.94c13.71 0 25.65.27 26.52.61c1.38.53 1.58 3.72 1.58 25.5v24.89h-25.38c-20.31 0-25.61.27-26.52 1.37c-.8.97-1.06 8.61-.87 25.75l.27 24.38l26.25.27l26.25.27v37.94l-26.25.27l-26.25.27v44l175.75.25l175.75.25l-.25-159.75l-.25-159.75l-175.28-.25c-141.58-.2-175.37-.01-175.77 1.03zM854.5 595v69.5l-29.5.5c-16.23.27-30.28.34-31.23.14c-1.58-.33-1.76-2.59-2-25.5l-.27-25.14l-11.86-.28c-7.89-.19-12.32.1-13.25.87c-1.12.93-1.39 5.92-1.39 25.51v24.36l-69.25.27c-38.09.15-69.82.11-70.52-.09c-.99-.28-1.21-5.89-1-25.5l.27-25.14l29-.5l29-.5v-50l-29-.5l-29-.5l-.27-17.46c-.15-9.61-.05-18.05.22-18.75c.4-1.04 22.32-1.24 115.27-1.04l114.78.25zM708.77 736.26l.27 18.76l-42.27-.26l-42.27-.26l-.27-17.46c-.15-9.61-.05-18.05.22-18.76c.4-1.04 8.79-1.24 42.27-1.04l41.78.26zm145.5-17.51c.23.96.37 9.4.32 18.75l-.09 17h-118l-.27-17.46c-.15-9.61-.05-18.04.22-18.75c.39-1.03 12.26-1.29 58.96-1.29c54.86 0 58.49.11 58.87 1.75z"/></svg>Rcui アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:rcui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:rcui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:rcui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--rcui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:rcui"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:rcui"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/rcui.svg" alt="Rcui アイコン" width="24" height="24">Rcui アイコン のよくある質問
Rcui アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rcui アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:rcui" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rcui アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/rcui.svg" alt="Rcui アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。