Pinejs アイコン
material-icon-theme:pinejs
Pinejs アイコン(material-icon-theme:pinejs)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- pinej
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#66bb6a" d="M12.038 3.115c-.134.002-.271.083-.426.24c-.467.478-6.764 9.388-6.764 9.572c0 .264.458.677.75.677c.154 0 .724-.24 1.268-.535c.712-.386 1.012-.635 1.075-.892c.254-1.04.873-1.57 1.827-1.57c.73 0 1.494.723 1.6 1.517c.073.542.174.66 1.259 1.463c.649.48 1.244.874 1.323.874c.08 0 .328-.096.553-.214c.545-.284.886-.27 1.482.063c.273.152.556.28.627.285c.22.014 2.389-1.307 2.463-1.5c.038-.1 0-.311-.083-.47c-.119-.22-5.243-7.495-6.42-9.114c-.195-.267-.362-.397-.534-.396"/><path fill="#388e3c" d="m8.392 13.584l-3.472 1.97l-1.534 2.13c-1.614 2.241-1.82 2.643-1.534 2.988c.153.184 1.488.212 10.068.212c5.44 0 9.994-.039 10.118-.086c.124-.048.226-.23.226-.407c0-.341-3.33-5.189-3.648-5.31c-.383-.148-1.491.674-1.841 1.364c-.392.773-.883 1.085-1.674 1.064c-.698-.018-1.306-.55-1.574-1.378c-.154-.478-.397-.725-1.457-1.485c-.862-.618-1.345-.88-1.499-.811c-.502.223-1.274.217-1.72-.014z"/></svg>Pinejs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:pinejs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:pinejs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:pinejs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--pinejs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:pinejs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:pinejs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/pinejs.svg" alt="Pinejs アイコン" width="24" height="24">Pinejs アイコン のよくある質問
Pinejs アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pinejs アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:pinejs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pinejs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/pinejs.svg" alt="Pinejs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。