Pkg Types アイコン

Q: Pkg Types アイコンは商用利用でも無料ですか?

はい。UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

unjs:pkg-types

Pkg Types アイコン(unjs:pkg-types)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: UnJS Logos
作者: UnJS
ライセンス: Apache-2.0
サイズ: 32 × 32
タグ: pkgtypes、type

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#c3fece" d="M14.098 12.185L6.555 8.45s-.017-.358.32-.538c.34-.18 5.685-2.37 6.115-2.37s2.948.485 4.78.893c1.832.407 6.675 1.447 6.698 1.765c.022.317-4.956 5.408-4.956 5.408z"/><path fill="#fff" d="M20.978 9.855s-3.163-.93-6.24-1.653c-1.433-.337-5.643-1.22-5.643-1.22s.447-.195.785-.337a6 6 0 0 1 .615-.218s2.745.548 4.785.983c2.76.587 6.623 1.74 6.713 1.922c.092.18-1.015.523-1.015.523"/><path fill="#acb1b2" d="M14.853 8.98c-.673.467-.013.75 1.227 1.04c1.358.318 2.393.785 3.265.277c.788-.455-1.14-.95-2.025-1.14c-.675-.145-1.947-.537-2.468-.177"/><path fill="#ffd816" d="M17.318 9.92c-.006 0 .022-5.477.022-5.68s-.227-.385.023-.815s.904-.385.904-.385s2.718-.79 3.803-1.062c1.085-.273 3.485-.905 3.485-.905l.16 1.372s-2.515.71-3.76 1.028a79 79 0 0 0-2.942.837l-.25.228l.072 5.352s-.233.26-.753.26c-.505-.002-.765-.23-.765-.23"/><path fill="#feb804" d="M25.108 1.775c.02.427.247.692.517.692s.455-.345.415-.795c-.043-.447-.332-.652-.58-.57s-.367.36-.352.673m-6.34 2.887a.24.24 0 0 1-.138-.042l-1.297-.865a.252.252 0 0 1-.002-.417a.25.25 0 0 1 .279 0l1.297.864a.253.253 0 0 1 .07.348a.26.26 0 0 1-.21.112"/><path fill="#feb804" d="M18.968 4.452a.25.25 0 0 1-.2-.1a48 48 0 0 0-.78-1.022a.253.253 0 0 1 .033-.39a.25.25 0 0 1 .279 0c.045.03.07.047.867 1.11c.083.11.008.267-.102.35c-.045.035-.045.052-.098.052"/><path fill="#feb804" d="m18.663 4.872l-.04-.002l-1.25-.198a.25.25 0 0 1-.174-.376a.25.25 0 0 1 .251-.116l1.25.197c.135.023.253.048.23.185c-.017.12-.145.31-.267.31"/><path fill="#79dd8a" d="M6.545 8.422c.397 0 3.588.838 5.233 1.14c1.644.303 6.612 1.478 6.78 1.51c.167.033.134 2.183.134 2.183s2.35 12.15 2.283 12.722c-.068.57-1.61 4.968-1.61 4.968s-.907.135-3.222-.538c-2.315-.672-8.426-2.35-8.796-2.82s-.135-6.68-.335-10.504c-.205-3.828-.467-8.66-.467-8.66"/><path fill="#02ab46" d="M25.068 27.855c.127-.422-.583-4.953-.683-9.115c-.1-4.16.257-10.49.085-10.54c-.172-.048-5.912 2.873-5.912 2.873s-.026 4.13.044 8.025c.09 5.04.493 11.712.76 11.847c.268.135 2.59-1.165 3.29-1.545c1.24-.672 2.316-1.207 2.415-1.545"/><path fill="#dbdfe1" d="m20.96 12.985l.012-3.135L22 9.345l.03 3.438l-.475.832z"/><path fill="#fefefd" d="M11.863 14.085c-2.22-.238-3.758 1.742-3.638 4.322c.143 3.048 2.15 5.293 4.323 5.74c2.172.448 4.277-.494 4.322-3.827c.05-3.472-3.003-6.023-5.007-6.235"/><path fill="#ef5b44" d="M13.343 16.868s-.45-1.513-1.803-1.11s-2.085 3.345.21 4.67c2.205 1.272 4.235-1.063 3.525-2.576c-.645-1.38-1.933-.985-1.933-.985"/><path fill="#b8cf17" d="M12.828 15.018c-.153.054-.273.677-.113 1.272c.12.445.502 1.055.725 1.015c.178-.032.313-.732.145-1.32c-.195-.678-.58-1.032-.758-.967"/><path fill="#fd8f01" d="M12.795 18.528c-.635-.193-1.35 1.99-.065 3.35c1.418 1.497 3.073.177 3.028-.113c-.065-.402-1.175-.692-1.723-1.367c-.547-.68-.87-1.758-1.24-1.87"/><path fill="#a281d0" d="M10.765 18.158s.127-.956-.758-.903c-.854.053-.644 1.063-.644 1.063s-.713.084-.593.874c.09.598.72.59.72.59s-.692.273-.377 1.063c.28.703.925.42.925.42s-.238.685.322 1.047c.473.305.885.048.885.048s-.025.585.628.692c.79.13 1.132-.832.57-1.277c-.428-.337-.816-.075-.816-.075s.08-.187.005-.402c-.05-.14-.13-.193-.13-.193s.693-.065.58-.852c-.112-.79-.805-.693-.805-.693s.403-.322.243-.902c-.157-.583-.755-.5-.755-.5"/><path fill="#2d802d" d="M21.673 13.858c-.575 0-3.028-2.438-3.05-2.463a.25.25 0 0 1 .027-.352a.25.25 0 0 1 .353.025c.157.175 2.032 1.915 2.572 2.25c.35-.523 1.488-2.81 2.465-4.875a.25.25 0 0 1 .332-.12a.25.25 0 0 1 .12.332c-2.41 5.093-2.647 5.16-2.774 5.195q-.022.01-.046.008"/></g></svg>

Pkg Types アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="unjs:pkg-types" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="unjs:pkg-types" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="unjs:pkg-types" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--pkg-types]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:pkg-types"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="unjs:pkg-types"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/unjs/pkg-types.svg" alt="Pkg Types アイコン" width="24" height="24">

Pkg Types アイコンのよくある質問

Pkg Types アイコンは商用利用でも無料ですか?

はい。UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Pkg Types アイコンを使うには?

@iconify/react をインストールして <Icon icon="unjs:pkg-types" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Pkg Types アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/unjs/pkg-types.svg" alt="Pkg Types アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

UnJS Logos アイコンをすべて見る →