Traditional Storage Jars アイコン
pinhead:traditional-storage-jars
Traditional Storage Jars アイコン(pinhead:traditional-storage-jars)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- traditionalstorage、storagejars、traditionalstoragejars、jar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M3.23 0v4.17c.03.67-.32 1.31-.89 1.66C1.11 6.65.31 7.75.14 9.21a1.025 1.025 0 0 0 1.63-.04q.09-.12.21-.21a1.05 1.05 0 0 1 1.46.21c.34.46.99.56 1.45.21q.12-.09.21-.21t.21-.21c.47-.34 1.12-.25 1.46.21c.35.47 1 .56 1.46.21q.12-.09.21-.21c.04-.05.09-.11.14-.15c.43-.38 1.09-.24 1.47.19v-.1C9.84 7.58 8.94 6.44 7.6 5.67c-.49-.38-.85-.91-1.04-1.5V0zm4.36 4.79c.23.29.52.52.84.68c.44.32.83.71 1.16 1.14a5.63 5.63 0 0 1-1.1 7.88c2.25.89 4.79-.22 5.68-2.46c.51-1.3.37-2.77-.37-3.94c.78-.21 1.25-1 1.05-1.78c-.2-.79-1-1.26-1.78-1.06c-.26.07-.49.21-.68.39v-.85zm5.87 1.23c.15 0 .3.05.42.16c.24.23.25.6.03.84l-.53.53c-.26-.3-.56-.56-.89-.78l.52-.52c.01-.02.02-.03.03-.04c.11-.12.27-.18.42-.19M2.58 9.57c-.12.01-.24.05-.35.13a.8.8 0 0 0-.13.13c-.47.62-1.35.77-2 .31c-.03 2.77 2.18 4.83 4.94 4.86s5.02-1.98 5.05-4.74v-.11l.01-.01c-.11-.1-.22-.2-.33-.31c-.2-.28-.6-.34-.87-.13c-.05.03-.09.08-.13.12c-.08.11-.18.21-.29.3c-.64.48-1.56.35-2.04-.29a.626.626 0 0 0-.88-.13c-.04.03-.09.08-.12.13c-.09.11-.18.2-.29.29c-.65.48-1.56.35-2.05-.29a.65.65 0 0 0-.52-.26"/></svg>Traditional Storage Jars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:traditional-storage-jars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:traditional-storage-jars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:traditional-storage-jars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--traditional-storage-jars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:traditional-storage-jars"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:traditional-storage-jars"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/traditional-storage-jars.svg" alt="Traditional Storage Jars アイコン" width="24" height="24">Traditional Storage Jars アイコン のよくある質問
Traditional Storage Jars アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Traditional Storage Jars アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:traditional-storage-jars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Traditional Storage Jars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/traditional-storage-jars.svg" alt="Traditional Storage Jars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。