Text None アイコン

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

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

radix-icons:text-none

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

アイコンセット: Radix Icons
作者: WorkOS
ライセンス: MIT
サイズ: 15 × 15
タグ: textnone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12.646 1.646a.5.5 0 0 1 .707.707L8.05 7.657v4.393h1.204a.45.45 0 0 1 .09.89l-.09.01h-3.5l-.09-.01a.45.45 0 0 1 0-.88l.09-.01H6.95V8.757l-4.597 4.597a.5.5 0 0 1-.707-.708L6.95 7.343V2.95h-3V4.5a.45.45 0 0 1-.9 0v-2a.5.5 0 0 1 .028-.155l.004-.014q.008-.019.019-.036q.008-.02.02-.037l.022-.03q.007-.012.017-.023l.022-.023l.014-.013l.037-.031l.029-.019l.039-.021l.034-.017l.048-.015l.031-.008l.086-.008h8l.08.007l.009.002h.002l.015.004l.052.016q.02.007.037.017l.029.013l.01.006l.015.01a.46.46 0 0 1 .179.24zM8.05 6.243l3-3V2.95h-3z"/></svg>

Text None アイコンの使い方

React

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

<Icon icon="radix-icons:text-none" width="24" />

Vue

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

<template>
  <Icon icon="radix-icons:text-none" width="24" />
</template>

Svelte

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

<Icon icon="radix-icons:text-none" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="radix-icons:text-none"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/radix-icons/text-none.svg" alt="Text None アイコン" width="24" height="24">

Radix Icons の関連アイコン

Text None アイコンのよくある質問

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

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

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

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

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

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

Radix Icons をすべて見る →