P5dotjs アイコン
simple-icons:p5dotjs
P5dotjs アイコン(simple-icons:p5dotjs)は、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
- タグ
- p5dotj
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.345 9.122v.784h.035q.105-.164.274-.333a2 2 0 0 1 .416-.305a2.56 2.56 0 0 1 1.253-.31a2.63 2.63 0 0 1 1.964.854q.363.399.561.936q.2.539.2 1.159t-.194 1.163a2.9 2.9 0 0 1-.549.948a2.6 2.6 0 0 1-.866.644q-.51.24-1.152.24q-.597 0-1.094-.246a1.86 1.86 0 0 1-.766-.668h-.024v3.558H0V9.12zm3.276 2.785q0-.328-.1-.65a1.8 1.8 0 0 0-.298-.579a1.5 1.5 0 0 0-.503-.416a1.5 1.5 0 0 0-.714-.157a1.44 1.44 0 0 0-.691.163a1.8 1.8 0 0 0-.52.421a1.8 1.8 0 0 0-.328.585a1.97 1.97 0 0 0 0 1.305a1.8 1.8 0 0 0 .328.58a1.7 1.7 0 0 0 .52.414q.305.158.691.159a1.48 1.48 0 0 0 1.217-.586q.198-.256.297-.585a2.3 2.3 0 0 0 .1-.654zm13.682-3.054v6.223q0 .503-.082.952a2 2 0 0 1-.31.785a1.6 1.6 0 0 1-.62.532q-.392.199-1.024.199a3 3 0 0 1-.35-.024a4 4 0 0 1-.281-.047l.117-1.192a1.8 1.8 0 0 0 .386.047a.75.75 0 0 0 .397-.094a.63.63 0 0 0 .234-.258q.082-.163.105-.38q.024-.216.024-.461V8.853zm4.784 1.765a1.6 1.6 0 0 0-.514-.427a1.45 1.45 0 0 0-.714-.18q-.339 0-.62.14a.48.48 0 0 0-.28.467a.47.47 0 0 0 .31.462q.309.135.906.276q.315.07.638.187q.322.115.585.31a1.5 1.5 0 0 1 .427.48q.163.286.163.695q0 .515-.192.872q-.194.356-.515.58a2.2 2.2 0 0 1-.75.32a4 4 0 0 1-.883.101a3.5 3.5 0 0 1-1.275-.24a2.7 2.7 0 0 1-1.03-.685l.925-.866a1.83 1.83 0 0 0 1.44.703q.15 0 .31-.035a1 1 0 0 0 .29-.112a.6.6 0 0 0 .218-.205a.6.6 0 0 0 .081-.316a.52.52 0 0 0-.32-.503q-.324-.15-.967-.303a5 5 0 0 1-.614-.182a2 2 0 0 1-.531-.292a1.35 1.35 0 0 1-.375-.451a1.4 1.4 0 0 1-.14-.667q0-.467.192-.806a1.66 1.66 0 0 1 .51-.556q.315-.217.713-.322a3.2 3.2 0 0 1 .819-.105q.608 0 1.187.21t.919.643zm-8.29 2.931l.837-.252l.164.505l-.833.283l.517.734l-.436.316l-.544-.721l-.53.701l-.423-.322l.517-.708l-.84-.302l.165-.506l.843.271v-.872h.564zm-2.887-2.644a2.3 2.3 0 0 0-.602-.819a2.7 2.7 0 0 0-.907-.509a3.5 3.5 0 0 0-1.13-.175q-.221 0-.497.024a2.4 2.4 0 0 0-.474.082l.082-1.79h3.382V6.453H7.05l-.14 4.527a4 4 0 0 1 .426-.175a7 7 0 0 1 .491-.147a5 5 0 0 1 .515-.099a4 4 0 0 1 .497-.035q.34 0 .668.076q.327.075.591.269q.262.193.426.509t.164.795q0 .375-.123.673a1.4 1.4 0 0 1-.333.497a1.4 1.4 0 0 1-.49.304q-.284.106-.598.106q-.562 0-.972-.299a1.63 1.63 0 0 1-.584-.79l-.015.006l-1.016.952q.307.504.797.838q.713.486 1.754.486a3.4 3.4 0 0 0 1.17-.2a2.7 2.7 0 0 0 1.609-1.491q.24-.543.24-1.233q0-.633-.216-1.118z"/></svg>P5dotjs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:p5dotjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:p5dotjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:p5dotjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--p5dotjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:p5dotjs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:p5dotjs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/p5dotjs.svg" alt="P5dotjs アイコン" width="24" height="24">他のアイコンセットの P5dotjs アイコン
P5dotjs アイコン のよくある質問
P5dotjs アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で P5dotjs アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:p5dotjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
P5dotjs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/p5dotjs.svg" alt="P5dotjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。