ICONYZ
日本語
Custom Brand Icons の Rvn アイコン

Rvn アイコン

cbi:rvn

Rvn アイコン(cbi:rvn)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m2.042 4.878L11 7.874l2.062-1.429Zm-.617-.851l-.412-.488l-.052-.05l-.061-.078l.986.463l-.15.462l-.017.054l-.031-.051l-.207-.247Zm.821 1.06l.377 1.66l-3.785-.539Zm-.355-.574L14 6.18l.135.459Zm-.417-1.221l.612.4l-1.3-.492Zm-.909-.021l.772 1.029l-1.462-.661Zm-.9.533l.788.354l-1.153.038Zm-.514.655l1.165-.039l-1.326.539Zm-.248.793l1.318-.528l-1.631 1.125ZM8.13 18.572l2.07-9.618l1.164 7.219Zm3.486-2.484l-1.131-6.959l3.025 6.992Zm-1.144-7.666l4.183.594l-.969 6.844Zm3.674 6.05l.737-5.23l.484.613Zm.279-7.733l-.217-.809l1.568.438Z"/></svg>

Rvn アイコンの使い方

React

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

<Icon icon="cbi:rvn" width="24" />

Vue

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

<template>
  <Icon icon="cbi:rvn" width="24" />
</template>

Svelte

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

<Icon icon="cbi:rvn" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--rvn]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:rvn"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:rvn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/rvn.svg" alt="Rvn アイコン" width="24" height="24">

他のアイコンセットの Rvn アイコン

Rvn アイコン のよくある質問

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →