Pinia アイコン
simple-icons:pinia
Pinia アイコン(simple-icons:pinia)は、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="M13.277.002c-.079-.01-.193.024-.31.09a2.4 2.4 0 0 0-.415.311c-.301.274-.65.68-.985 1.176c-.672.99-1.31 2.356-1.485 3.785c-.12.977-.154 1.849-.074 2.578a5.9 5.9 0 0 1 1.956-.338c.922 0 1.804.218 2.618.613c.197-.637.34-1.395.445-2.246c.175-1.429-.1-2.907-.499-4.028a6.7 6.7 0 0 0-.653-1.378a2.3 2.3 0 0 0-.321-.401c-.097-.092-.199-.153-.277-.162m-6.81 2.965a.6.6 0 0 0-.288.117l-.013.011a.9.9 0 0 0-.177.327c-.051.15-.094.344-.126.565a8.2 8.2 0 0 0-.044 1.637c.08 1.222.397 2.665 1.079 3.769q.141.224.294.442c.726-.776 1.567-1.385 2.488-1.768c-.1-.79-.06-1.714.066-2.744c.038-.31.1-.616.176-.916a6.5 6.5 0 0 0-1.692-1.08a4.6 4.6 0 0 0-1.29-.366a1.8 1.8 0 0 0-.474.006zm11.751 1.789a5 5 0 0 0-.687.06a6 6 0 0 0-2.132.76a8 8 0 0 1-.036.437c-.11.888-.258 1.684-.475 2.364c.848.468 1.614 1.13 2.267 1.94c.823-.85 1.43-2.05 1.787-3.13c.187-.57.304-1.1.35-1.514c.022-.207.027-.38.017-.51c-.01-.133-.042-.206-.04-.202a.4.4 0 0 0-.114-.072a1.5 1.5 0 0 0-.375-.1a3.4 3.4 0 0 0-.562-.033m-6.254 3.139c-2.014 0-3.83 1.087-5.147 2.834c-1.316 1.748-2.131 4.16-2.131 6.807c0 2.65.806 4.258 2.131 5.218C8.132 23.707 9.96 24 11.964 24s3.831-.293 5.147-1.246c1.326-.96 2.133-2.568 2.133-5.218c0-2.647-.816-5.059-2.133-6.806c-1.317-1.748-3.134-2.835-5.147-2.835m-3.297 5.209a1.282 1.282 0 0 1 .292 2.518c.115.094.177.201.164.307c-.032.265-.521.424-1.09.354c-.571-.07-1.007-.342-.974-.607c.024-.198.302-.336.678-.364a1.282 1.282 0 0 1 .93-2.208m6.284.22a1.282 1.282 0 0 1 .726 2.303c.437.058.757.244.757.466c0 .267-.466.483-1.04.483s-1.04-.216-1.04-.483c0-.098.063-.189.17-.265a1.282 1.282 0 0 1 .427-2.505zm-6.318.215a.822.822 0 1 0 .028 1.645a.822.822 0 0 0-.028-1.645m6.284.22a.822.822 0 1 0 .027 1.644a.822.822 0 0 0-.027-1.644m-6.543.109a.338.338 0 1 1-.023.677a.338.338 0 0 1 .023-.677m6.284.22a.339.339 0 1 1-.018 0zm-3.91 1.179c.17.252.432.404.808.447c.372.043.694-.05.976-.28a.145.145 0 1 1 .183.226c-.344.28-.745.394-1.192.343c-.445-.051-.79-.24-1.016-.574a.145.145 0 1 1 .24-.162z"/></svg>Pinia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:pinia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:pinia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:pinia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--pinia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:pinia"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:pinia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/pinia.svg" alt="Pinia アイコン" width="24" height="24">他のアイコンセットの Pinia アイコン
Pinia アイコン のよくある質問
Pinia アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pinia アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:pinia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pinia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/pinia.svg" alt="Pinia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。