andrsrxn/icons
andrsrxn · 2,383 個のアイコン · 作者: Andrés Raxón · MIT · 単色 · 24px グリッド · 更新日
andrsrxn/icons は、2,383 個の SVG アイコンを収録した無料のオープンソースアイコンセットです（作者: Andrés Raxón）。MIT ライセンス で公開されています。アイコンは単色で、テキストの色（currentColor）に合わせて表示され、CSS で色を変更できます。24px グリッドでデザインされており、SVG なのできれいに拡大・縮小できます。
andrsrxn/icons について
このセットは 41 のカテゴリに分かれています（デザイン (251)、デバイス (246)、エディター (225)、メディア (199) など）。
人気の andrsrxn/icons には agent、hashtag、box、diff、member of、asterisk などがあります。
アイコンを開くと、SVG・JSX・Vue・Svelte・Solid・Astro・CSS としてコピーしたり、SVG や PNG でダウンロードしたりできます。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
カテゴリ別の andrsrxn/icons
デザイン アイコン (251)
デバイス アイコン (246)
エディター アイコン (225)
メディア アイコン (199)
ツール アイコン (199)
Documents アイコン (178)
開発 アイコン (165)
レイアウト アイコン (132)
記号 アイコン (132)
タイポグラフィ アイコン (132)
金融 アイコン (128)
コミュニケーション アイコン (118)
andrsrxn/icons の使い方
このページのアイコンはどのフレームワークでも使えます。例では andrsrxn:agent を使っています。アイコンを開くと、SVG・JSX・Vue・Svelte・Solid・Astro・CSS の正確なコードをコピーできます。 サイズ、色、アクセシビリティのコツは次のガイドをご覧ください: SVG アイコンの使い方.
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:agent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:agent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:agent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--agent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:agent"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:agent"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/agent.svg" alt="Agent アイコン" width="24" height="24">andrsrxn/icons のよくある質問
andrsrxn/icons は商用利用できますか？
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
andrsrxn/icons にはアイコンがいくつありますか？
andrsrxn/icons には 2,383 個のアイコンがあります（41 カテゴリ）。
andrsrxn/icons のライセンスは何ですか？
andrsrxn/icons のライセンスは MIT です。ライセンスの全文は https://github.com/andrsrxn/icons/blob/main/LICENSE で確認できます。
andrsrxn/icons の作者は？
andrsrxn/icons の作者は Andrés Raxón です。
andrsrxn/icons を React で使うには？
@iconify/react をインストールして <Icon icon="andrsrxn:agent" /> を描画するか、このページのアイコンを開いて単体の React コンポーネントとしてコピーしてください。
andrsrxn/icons のサイズは？
andrsrxn/icons は 24px グリッドでデザインされています。SVG なので、どのサイズに拡大・縮小しても画質が落ちません。