Remix アイコン
logos:remix
Remix アイコン(logos:remix)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 128 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="128" viewBox="0 0 512 128"><path fill="#121212" d="M404.472 38.335v89.493h-32.264V38.335zm41.606-.176l14.738 21.27l15.136-21.27h33.26l-32.264 42.54L512 127.653h-35.65l-17.724-24.28l-17.726 24.28h-33.26l34.853-45.55L410.43 38.16zm-116.09-2.827c24.252 0 31.522 16.717 31.665 35.158l.002.56v56.184H329.39V79.313l-.006-.72l-.01-.707l-.018-.693l-.023-.678l-.014-.334l-.033-.657l-.04-.643l-.046-.629l-.026-.309l-.058-.608l-.065-.593c-.915-7.718-3.901-11.725-11.61-11.725c-9.142 0-13.103 6.379-14.086 16.549l-.064.724c-.12 1.46-.18 2.996-.189 4.598l-.001 44.346h-32.264V79.678l-.003-.727q0-.18-.003-.359l-.012-.706l-.018-.693l-.025-.678l-.032-.664l-.018-.327l-.043-.643l-.05-.629l-.057-.615c-.838-8.303-3.885-12.62-11.888-12.62c-10.45 0-14.263 8.653-14.338 21.87l-.001 44.347h-32.264V37.74h32.264v13.444c4.78-9.832 14.34-15.852 27.683-15.852c15.734 0 23.899 7.224 27.684 17.658c4.78-10.033 15.335-17.658 30.271-17.658m-170.42-2.827c29.38 0 45.093 20.06 45.405 44.02l.004.728v9.029H142.64c.797 11.036 8.764 16.253 18.522 16.253c8.65 0 14.195-2.931 17.21-9.76l.117-.272l25.891 2.407c-4.58 20.468-20.912 31.905-44.413 31.905c-28.48 0-48.794-17.257-48.794-45.75c0-28.293 20.713-48.56 48.396-48.56M60.366 0c32.541 0 48.712 15.488 48.712 40.228c0 18.505-11.38 30.573-26.752 32.585c12.977 2.615 20.563 10.057 21.96 24.74l.203 2.7l.177 2.524l.152 2.362l.106 1.78l.114 2.1l.06 1.2l.083 1.904l.068 1.8l.034 1.033l.045 1.657l.04 1.894l.014.916l.025 2.652l.008 2.768l.001 1.655H71.857c0-.698.006-1.37.014-2.03l.02-1.306l.058-3.164l.015-1.06l.01-1.097l.001-.566l-.001-1.063l-.01-1.115l-.014-.876l-.027-1.225l-.04-1.3l-.054-1.381l-.068-1.472l-.04-.772l-.069-1.207l-.079-1.268l-.122-1.792l-.106-1.424C70.417 88.912 65 85.186 55.093 84.73l-.646-.025l-.658-.016a54 54 0 0 0-.67-.008L0 84.68V58.33h54.376c14.374 0 21.56-4.406 21.56-16.072c0-10.258-7.186-16.475-21.56-16.475H0V0zM35.483 106.855c4.402 0 6.245 2.445 6.9 4.785l.071.27l.032.133l.055.267l.047.263l.02.13l.033.257l.025.252l.01.123l.013.243l.004.118l.003.23v12.572H0v-19.643zM159.17 55.782c-8.078 0-12.642 3.906-14.826 9.625l-.164.443l-.154.45q-.224.681-.408 1.39l-.118.477q-.113.479-.21.97l-.092.492q-.023.124-.043.249l-.08.5l-.037.253h31.268c-.399-8.027-5.577-14.85-15.136-14.85m245.5-54.369v28.494h-32.66V1.413z"/></svg>Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/remix.svg" alt="Remix アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの Remix アイコン
Remix アイコン のよくある質問
Remix アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/remix.svg" alt="Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。