Remix Icon アイコン
logos:remix-icon
Remix Icon アイコン(logos:remix-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 297 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 297
- タグ
- remixicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="297" viewBox="0 0 256 297"><path fill="#121212" d="M141.675 0C218.047 0 256 36.35 256 94.414c0 43.43-26.707 71.753-62.785 76.474c30.455 6.137 48.259 23.604 51.54 58.065l.474 6.337l.415 5.924l.358 5.542l.249 4.179l.267 4.93l.138 2.814l.198 4.47l.159 4.222l.079 2.427l.107 3.888l.092 4.446l.033 2.148l.06 6.226l.02 6.496v3.885h-78.758l.004-1.62l.028-3.147l.047-3.065l.136-7.424l.035-2.489l.027-3.902l-.004-2.496l-.023-2.617l-.032-2.054l-.064-2.876l-.094-3.05l-.125-3.242l-.16-3.455l-.096-1.813l-.16-2.833l-.186-2.976l-.287-4.204l-.247-3.342a117 117 0 0 0-.247-3.02l-.202-1.934c-2.6-22.827-11.655-32.157-27.163-35.269l-1.307-.245a60 60 0 0 0-2.704-.408l-1.397-.164q-.353-.038-.71-.073l-1.442-.127l-1.471-.103l-1.502-.081l-1.514-.058l-1.544-.039l-1.574-.018L0 198.74V136.9h127.62q3.129 0 6.066-.12l1.936-.095l1.893-.122l1.85-.15q.458-.042.909-.086l1.785-.193a86 86 0 0 0 3.442-.475l1.657-.28c20.709-3.755 31.063-14.749 31.063-36.2c0-24.075-16.867-38.666-50.602-38.666H0V0zM83.276 250.785c10.333 0 14.657 5.738 16.197 11.23l.203.79l.167.782l.109.617l.046.306l.078.603l.058.59l.023.29l.031.569l.01.278l.008.54v29.507H0v-46.102z"/></svg>Remix Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:remix-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:remix-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:remix-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--remix-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:remix-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:remix-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/remix-icon.svg" alt="Remix Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Remix Icon アイコン のよくある質問
Remix Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Remix Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:remix-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Remix Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/remix-icon.svg" alt="Remix Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。