Three Solid アイコン

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

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

mynaui:three-solid

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

アイコンセット: Myna UI Icons
作者: Praveen Juge
ライセンス: MIT
サイズ: 24 × 24
タグ: threesolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.457 7.011c.761.54 1.293 1.38 1.293 2.482v.022a2 2 0 0 1-.01.152a3.4 3.4 0 0 1-.495 1.476c-.193.31-.45.606-.785.857c.335.25.592.546.786.857a3.4 3.4 0 0 1 .504 1.628v.021c0 1.101-.532 1.943-1.293 2.483c-.739.523-1.68.761-2.582.761s-1.844-.238-2.582-.761C8.532 16.449 8 15.609 8 14.507a.75.75 0 0 1 1.5 0c0 .56.25.967.66 1.258c.434.307 1.054.485 1.715.485s1.281-.178 1.715-.485c.409-.29.658-.694.66-1.252v-.003l-.003-.044a1.9 1.9 0 0 0-.274-.816c-.245-.392-.776-.9-2.098-.9a.75.75 0 0 1 0-1.5c1.322 0 1.854-.508 2.098-.9a1.9 1.9 0 0 0 .277-.86v-.003c-.002-.558-.251-.962-.66-1.252c-.434-.307-1.054-.485-1.715-.485s-1.281.178-1.715.485c-.41.291-.66.697-.66 1.258a.75.75 0 1 1-1.5 0c0-1.101.532-1.942 1.293-2.482c.739-.523 1.68-.761 2.582-.761s1.844.238 2.582.761"/></svg>

Three Solid アイコンの使い方

React

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

<Icon icon="mynaui:three-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:three-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:three-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--three-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:three-solid"></div>

Web コンポーネント

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

<iconify-icon icon="mynaui:three-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mynaui/three-solid.svg" alt="Three Solid アイコン" width="24" height="24">

Myna UI Icons の関連アイコン

Three Solid アイコンのよくある質問

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

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

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

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

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

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

Myna UI Icons をすべて見る →