Palette アイコン

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

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

matita:palette

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

アイコンセット: Matita
作者: matita.dev
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"><path stroke-width="1.76" d="M16.09 19.41c-.6.16-2.35.85-3.55.94c-1.21.09-2.55.01-3.68-.4c-1.13-.42-2.31-1.18-3.11-2.07c-.8-.9-1.33-2.14-1.7-3.29c-.37-1.16-.63-2.46-.51-3.66c.11-1.19.56-2.5 1.2-3.53a8.8 8.8 0 0 1 2.64-2.68c1.03-.66 2.33-1.11 3.54-1.26c1.22-.15 2.59-.03 3.74.36c1.16.38 2.34 1.1 3.2 1.95c.85.85 1.5 2.03 1.93 3.15c.43 1.13.74 2.43.66 3.62c-.07 1.19-.91 2.93-1.09 3.52"/><path stroke-width="1.424" d="M20.46 14.99q-6.02-1.64-5.65 5.08"/><path stroke-width="1.552" d="M6.87 13.64c-.07-.05-.31-.18-.43-.32s-.24-.33-.29-.52a1.4 1.4 0 0 1-.04-.62c.04-.2.13-.4.23-.58s.22-.4.38-.52s.39-.17.6-.21c.2-.04.44-.09.65-.04s.41.2.59.34c.18.15.39.31.51.52s.2.48.22.74c.02.25-.02.53-.1.78c-.07.25-.19.51-.36.71c-.16.21-.39.39-.63.51c-.23.11-.52.18-.79.18c-.27.01-.57-.05-.82-.17c-.24-.12-.47-.33-.66-.55c-.19-.21-.39-.63-.47-.76"/><path stroke-width="1.584" d="M9.11 8.74c-.09-.03-.36-.07-.5-.18c-.14-.1-.24-.28-.34-.45c-.09-.16-.2-.36-.23-.55c-.03-.2 0-.43.06-.63c.06-.19.19-.37.32-.53c.13-.17.27-.36.45-.46c.18-.11.42-.18.64-.19c.21-.01.44.05.66.13c.21.08.45.18.61.34c.17.16.29.4.38.63c.1.23.16.48.18.74c.01.25.01.55-.08.79s-.29.46-.48.64s-.42.35-.66.45s-.53.17-.8.17s-.58-.04-.84-.16c-.25-.12-.49-.34-.68-.56c-.2-.22-.41-.65-.49-.78"/><path stroke-width="1.68" d="M14.7 8.06c-.09 0-.34.06-.52.04c-.17-.02-.38-.06-.53-.15c-.15-.1-.28-.26-.38-.42c-.11-.16-.19-.34-.23-.53s-.04-.4 0-.6c.03-.2.08-.42.19-.6c.12-.17.29-.33.47-.44c.19-.11.4-.18.62-.21c.21-.04.45-.06.67-.01c.21.05.43.16.62.29c.19.14.39.31.52.51s.22.45.25.69c.04.25.03.53-.04.77c-.07.23-.22.46-.38.66c-.15.21-.34.42-.56.55c-.23.13-.5.21-.77.25c-.26.03-.56.02-.83-.05c-.26-.07-.62-.33-.75-.39"/></g></svg>

Palette アイコンの使い方

React

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

<Icon icon="matita:palette" width="24" />

Vue

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

<template>
  <Icon icon="matita:palette" width="24" />
</template>

Svelte

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

<Icon icon="matita:palette" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="matita:palette"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/matita/palette.svg" alt="Palette アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Matita アイコンをすべて見る →