Reactos アイコン
file-icons:reactos
Reactos アイコン(file-icons:reactos)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
- タグ
- reacto
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M454.836 55.392C423.376-3.975 326.805 26.25 255.94 68.795C186.506 27.66 87.605-5.542 57.077 55.392c-42.99 23.707-49.643 80.738 9.549 179.597c44.156 73.999 96.229 121 154.286 167.981c-58.447 35.014-128.82 70.2-184.089 49.845c-17.318-45.125 7.11-97.878 33.37-144.553c12.234 46.392 42.629 91.463 92.535 119.076q22.323-11.071 44.986-25.037c-42.876-33.93-99.97-88.7-144.304-156.857c-52.808 68.684-95.77 178.436-30.149 210.99c35.386 62.497 137.027 29.039 222.743-28.35c75.85 50.313 185.665 94.757 222.859 28.249c61.076-32.788 28.373-124.32-22.842-200.28a226 226 0 0 0 1.645-28.358c-38.979 71.225-99.058 132.132-153.67 174.606c13.878 8.478 28.394 16.433 43.357 24.02c32.48-20.689 73.496-60.628 95.215-116.657c32.896 62.508 50.132 106.612 32.57 143.166c-51.754 22.228-122.526-13.395-184.026-49.84c67.785-52.673 122.58-114.207 164.354-184.624c24.434-42.125 58.652-132.74-.63-162.974m-198.88 381.513c6.877 4.437 13.776 8.461 20.56 12.417c-13.607 1.722-27.508 1.908-41.73.407c6.993-4.064 14.08-8.249 21.17-12.824M81.97 182.075C62.752 140.354 44.097 94.883 60.639 59.01c37.442-14.115 83.54-1.887 133.187 21.137c-47.016 15.761-85.876 49.358-108.45 92.747c43.88 76.733 103.738 141.689 171.221 195.736c67.227-51.076 123.935-116.046 168.31-192.276c-21.966-44.464-60.82-79.085-108.165-95.54c42.997-20.03 92.438-38.575 134.602-21.771c14.81 34.588.599 80.318-22.06 124.312c-40.184 74.16-97.591 139.412-173.278 195.208c-71.015-53.57-130.262-117.933-174.037-196.488"/></svg>Reactos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:reactos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:reactos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:reactos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--reactos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:reactos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:reactos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/reactos.svg" alt="Reactos アイコン" width="24" height="24">他のアイコンセットの Reactos アイコン
Reactos アイコン のよくある質問
Reactos アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Reactos アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:reactos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Reactos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/reactos.svg" alt="Reactos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。