ICONYZ
日本語
Radix Icons の Iconjar Logo アイコン

Iconjar Logo アイコン

radix-icons:iconjar-logo

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

アイコンセット
Radix Icons
作者
WorkOS
ライセンス
MIT
サイズ
15 × 15
タグ
iconjarlogo
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12 4c.695 0 .828.865.133 1.128c-.492.205-.405.703 0 .966c.695.44.956 1.23.84 1.962l-.81 4.422l-.04.161A1.86 1.86 0 0 1 10.337 14H4.66l-.166-.007a1.87 1.87 0 0 1-1.619-1.354l-.039-.161l-.811-4.422a1.96 1.96 0 0 1 .87-1.933c.38-.274.479-.729.085-.93l-.085-.035c-.652-.248-.6-1.049-.019-1.148L3 4zM4.11 5a1.4 1.4 0 0 1 .119.656c-.034.568-.384 1.014-.75 1.278l-.025.018l-.026.016a.96.96 0 0 0-.416.928l.805 4.388l.044.154a.86.86 0 0 0 .8.562h5.676a.86.86 0 0 0 .8-.562l.044-.154l.805-4.39c.062-.409-.09-.767-.387-.954l-.012-.008c-.392-.256-.754-.704-.789-1.283A1.4 1.4 0 0 1 10.912 5H9.057A2 2 0 0 0 9 5.5c0 .996.954 1.65.954 2.85c0 .92-.456 1.492-1.333 1.492c-.49 0-1.042-.381-1.043-1.084c0-.861.621-1.412.622-2.508c0-.432-.116-.873-.295-1.25zM7.5.003c.695 0 1.25.279 1.25.747c0 .247-.175.37-.327.478c-.118.083-.223.157-.223.272c.002.5 4.3 0 4.3 1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5c0-1 4.298-.5 4.3-1c0-.115-.105-.189-.224-.272C6.424 1.12 6.25.998 6.25.75c0-.469.555-.747 1.25-.747"/></svg>

Iconjar Logo アイコンの使い方

React

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

<Icon icon="radix-icons:iconjar-logo" width="24" />

Vue

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

<template>
  <Icon icon="radix-icons:iconjar-logo" width="24" />
</template>

Svelte

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

<Icon icon="radix-icons:iconjar-logo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--iconjar-logo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:iconjar-logo"></div>

Web コンポーネント

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

<iconify-icon icon="radix-icons:iconjar-logo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/radix-icons/iconjar-logo.svg" alt="Iconjar Logo アイコン" width="24" height="24">

他のアイコンセットの Iconjar Logo アイコン

Iconjar Logo アイコン のよくある質問

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

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

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

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

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

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

Radix Icons をすべて見る →