ICONYZ
日本語
Catppuccin Icons の Rust Alt アイコン

Rust Alt アイコン

catppuccin:rust-alt

Rust Alt アイコン(catppuccin:rust-alt)は、Catppuccin Icons セットの無料 SVG アイコンです(作者: Catppuccin)。 24 × 24 のグリッドで描かれています。 Catppuccin Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Catppuccin Icons
作者
Catppuccin
ライセンス
MIT
サイズ
24 × 24
タグ
rustalt
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#f5a97f" stroke-linecap="round" stroke-linejoin="round" d="M2.165 11.219h4.158M2.505 4.788h7.143c2.2-.001 2.2 3.214 0 3.215H4.703m0-3.215v6.431M8 8.003h1.099c1.214 0 2.198.96 2.198 2.144c0 .592.492 1.072 1.099 1.072h1.217M8 .5l1.477 1.19l1.86-.447l.803 1.698l1.874.385l-.033 1.868l1.519 1.14l-.863 1.67l.862 1.67l-1.519 1.139l.033 1.868l-1.876.385l-.8 1.698l-1.861-.448L8 15.506l-1.477-1.19l-1.86.448l-.803-1.698l-1.874-.385l.033-1.868L.5 9.673l.863-1.67L.5 6.333l1.519-1.138l-.033-1.868l1.874-.385l.803-1.698l1.86.447Z"/></svg>

Rust Alt アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="catppuccin:rust-alt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="catppuccin:rust-alt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="catppuccin:rust-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[catppuccin--rust-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/catppuccin -->
<div class="i-catppuccin:rust-alt"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="catppuccin:rust-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/catppuccin/rust-alt.svg" alt="Rust Alt アイコン" width="24" height="24">

Catppuccin Icons の関連アイコン

Rust Alt アイコン のよくある質問

Rust Alt アイコンは商用利用でも無料ですか?

はい。Catppuccin Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Rust Alt アイコンを使うには?

@iconify/react をインストールして <Icon icon="catppuccin:rust-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rust Alt アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/catppuccin/rust-alt.svg" alt="Rust Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Catppuccin Icons をすべて見る →