Radix3 アイコン

Q: Radix3 アイコンは商用利用でも無料ですか?

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

unjs:radix3

Radix3 アイコン(unjs:radix3)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: UnJS Logos
作者: UnJS
ライセンス: Apache-2.0
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#5b9821" d="M8 6.165s.607-1.825 2.04-2.97s14.713 3.76 14.713 3.76s2.32.827 3.692 3.02c.922 1.475 1.438 3.655.46 6.288c-2.33 6.27-8.375 5.544-9.95 5.187c-.74-.168-2.542-.645-2.542-.645s-4.118 3.4-9.073.793c-3.773-1.985-3.305-4.953-3.305-4.953s-2.54-2.54-1.44-6.077C3.92 6.308 8 6.165 8 6.165"/><path fill="#8bc02b" d="M16.593 13.753c3.437-.573 4.51-2.04 5.442-3.4c1.027-1.5.753-2.758 1.468-2.793s1.285 1.255.5 3.508c-1.11 3.185-3.393 3.652-3.438 4.51c-.035.68 2.43.727 4.655-.358c3.223-1.575 3.223-5.262 3.223-5.262s-.573-1.183-1.683-2.005C25.65 7.13 24.825 6.7 24.825 6.7S23.5 1.725 17.488.9C11.475.075 9.002 4.268 9.002 4.268s.215 1.36 1.253 2.935c.827 1.257 1.682 1.217 1.61 1.932c-.047.465-1.54.608-3.115-.072c-1.435-.62-1.79-1.468-2.183-1.468S2.92 9.408 4.277 13.25c1.075 3.043 4.628 3.613 5.263 3.723c1.863.322 2.935-.895 1.61-1.863c-1.325-.967-2.793-1.54-2.47-2.505c.347-1.045 1.588.045 3.078.69c1.472.637 3.255.723 4.835.457"/><path fill="#6d4b41" d="M9.758 17.743s.825-.048 1.165-.145c.34-.098.8-.388.8-.388s3.187 3.335 3.517 3.615c.322.273.703-3.883.703-3.883s.727.113 1.407.006a6.2 6.2 0 0 0 1.505-.428s-.435 2.558-.605 3.528c-.108.622-.145 2.352-.145 2.352l-2.33 1.94l-1.773-1.19s-.005-.467-.267-.785c-.815-.985-3.977-4.622-3.977-4.622m8.127 5.702l1.772-2.135s.63.048 1.093.048c.46 0 1.262-.098 1.262-.098s-1.454 1.965-2.232 2.935c-.777.97-1.795 2.185-1.795 2.185l-.97-2.815z"/><path fill="#865b50" d="M16.625 21.745c-.725.065-2.62 1.407-2.62 1.407s.097 2.28.025 3.568s-.58 3.39-.112 3.922c.405.46 3.81.548 4.317.013c.51-.535.015-2.745.015-4.178s-.145-4.077-.145-4.077s-.655-.727-1.48-.655"/></g></svg>

Radix3 アイコンの使い方

React

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

<Icon icon="unjs:radix3" width="24" />

Vue

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

<template>
  <Icon icon="unjs:radix3" width="24" />
</template>

Svelte

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

<Icon icon="unjs:radix3" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="unjs:radix3"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/unjs/radix3.svg" alt="Radix3 アイコン" width="24" height="24">

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

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

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

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

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

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

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

UnJS Logos アイコンをすべて見る →