Postiz アイコン
simple-icons:postiz
Postiz アイコン(simple-icons:postiz)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.902 0a15 15 0 0 0-1.123.063L8.165.886C7.21.96 6.731.996 6.38 1.21a1.72 1.72 0 0 0-.69.805c-.157.38-.12.857-.046 1.814l1.049 13.546c.074.956.111 1.435.326 1.786c.188.308.469.55.803.688c.38.158.859.121 1.815.047l10.613-.82c.957-.075 1.434-.112 1.785-.327c.308-.188.55-.469.688-.803c.158-.38.122-.859.047-1.815L21.722 2.585c-.074-.957-.11-1.435-.325-1.786a1.7 1.7 0 0 0-.804-.689c-.19-.079-.404-.109-.69-.11M4.852 3.472l-.293.067c-1.37.316-2.054.474-2.516.86a2.5 2.5 0 0 0-.822 1.317c-.146.584.013 1.27.329 2.639l2.825 12.252c.316 1.37.474 2.054.86 2.516c.341.406.802.694 1.317.822c.584.146 1.269-.011 2.639-.327l9.384-2.165c1.37-.316 2.054-.475 2.515-.862c.305-.255.542-.577.697-.938c-.46.11-1.073.157-1.982.227l-9.603.743c-1.4.109-2.101.163-2.658-.069a2.5 2.5 0 0 1-1.178-1.009c-.314-.514-.368-1.214-.477-2.615L4.92 4.393c-.026-.348-.05-.652-.067-.921m7.976.277l.091 1.188q.247-.306.645-.528q.395-.238.981-.282q.538-.043 1.03.126q.506.168.907.6q.414.412.693 1.14q.28.728.361 1.789a8.3 8.3 0 0 1-.024 1.532q-.069.77-.354 1.398q-.287.627-.827 1.051q-.526.408-1.366.472q-.601.045-.962-.085a1.5 1.5 0 0 1-.554-.356l.299 3.85l-2.237.745l-.963-12.463zm1.077 1.573a.9.9 0 0 0-.538.25q-.255.21-.35.617l.341 4.417q.09.121.272.235a.85.85 0 0 0 .469.075a.98.98 0 0 0 .675-.323q.264-.308.388-.764q.14-.457.161-1q.037-.56-.006-1.098q-.066-.871-.264-1.366q-.182-.496-.405-.717q-.225-.237-.436-.285a1 1 0 0 0-.307-.04"/></svg>Postiz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:postiz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:postiz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:postiz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--postiz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:postiz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:postiz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/postiz.svg" alt="Postiz アイコン" width="24" height="24">他のアイコンセットの Postiz アイコン
Postiz アイコン のよくある質問
Postiz アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Postiz アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:postiz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Postiz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/postiz.svg" alt="Postiz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。