Posthtml アイコン
material-icon-theme:posthtml
Posthtml アイコン(material-icon-theme:posthtml)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#f57f17"><path d="M6.176 16.747c1.271 0 2.471-.494 3.327-1.35l6.203-5.506a2.97 2.97 0 0 1 2.118-.873c1.65 0 3 1.332 3 2.982s-1.35 2.982-3 2.982a3 3 0 0 1-2.153-.908l-.997-.883l-1.35 1.183l1.129.979c.9.9 2.1 1.394 3.37 1.394c2.63 0 4.765-2.135 4.765-4.747s-2.135-4.747-4.764-4.747c-1.271 0-2.471.494-3.327 1.35l-6.203 5.506a2.97 2.97 0 0 1-2.117.873c-1.65 0-3-1.332-3-2.982s1.35-2.982 3-2.982c.794 0 1.552.308 2.152.908l1.024.892l1.323-1.183l-1.129-.988a4.75 4.75 0 0 0-3.37-1.385c-2.63 0-4.765 2.126-4.765 4.738a4.74 4.74 0 0 0 4.764 4.747"/><path d="M17.824 6.963c-1.345 0-2.619.52-3.531 1.432l-.002.001l-6.197 5.5l-.006.006a2.67 2.67 0 0 1-1.912.79c-1.494 0-2.71-1.2-2.71-2.692s1.216-2.691 2.71-2.691c.718 0 1.398.275 1.947.824l.008.006l1.224 1.066l1.76-1.572l-1.363-1.194H9.75a5.05 5.05 0 0 0-3.574-1.468C3.389 6.97 1.12 9.229 1.12 12c0 2.803 2.27 5.037 5.055 5.037c1.345 0 2.618-.52 3.53-1.432l6.2-5.502l.006-.006a2.67 2.67 0 0 1 1.912-.789c1.493 0 2.709 1.2 2.709 2.692s-1.216 2.691-2.709 2.691c-.728 0-1.398-.274-1.947-.824l-.008-.006l-1.195-1.058l-1.793 1.572l1.367 1.183a5.03 5.03 0 0 0 3.576 1.479c2.787 0 5.055-2.267 5.055-5.037s-2.268-5.037-5.055-5.037zm0 .58c2.472 0 4.473 2.004 4.473 4.457s-2.001 4.457-4.473 4.457a4.45 4.45 0 0 1-3.166-1.31l-.006-.006l-.887-.768l.907-.795l.793.701l.002.002a3.3 3.3 0 0 0 2.357.992c1.807 0 3.291-1.464 3.291-3.273s-1.484-3.273-3.291-3.273c-.877 0-1.704.34-2.322.957l-.002.002l-6.198 5.5l-.005.006c-.8.799-1.926 1.265-3.122 1.265A4.444 4.444 0 0 1 1.703 12c0-2.453 2-4.447 4.472-4.447c1.205 0 2.32.462 3.166 1.3l.008.006l.887.778l-.887.793l-.814-.71a3.32 3.32 0 0 0-2.36-.993c-1.806 0-3.29 1.464-3.29 3.273s1.484 3.273 3.29 3.273a3.27 3.27 0 0 0 2.323-.957l6.199-5.502l.006-.005c.8-.8 1.926-1.266 3.12-1.266z"/></g></svg>Posthtml アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:posthtml" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:posthtml" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:posthtml" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--posthtml]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:posthtml"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:posthtml"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/posthtml.svg" alt="Posthtml アイコン" width="24" height="24">Posthtml アイコン のよくある質問
Posthtml アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Posthtml アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:posthtml" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Posthtml アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/posthtml.svg" alt="Posthtml アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。