Oak Leaf アイコン
pinhead:oak-leaf
Oak Leaf アイコン(pinhead:oak-leaf)は、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
- タグ
- oakleaf
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M14.01 1c-.7-.68-1.78 1.05-2.92.87c-1.13-.17.36-1.94-1.07-1.56c-1.43.36-.46 2.15-2.18 2.61c-1.31.35-.15-1.4-2.05-.88c-1.65.43-.35 3.87-1.33 4.14s-.26-1.57-1.98-1.1c-1.88.49.32 3.6.32 5.08c0 .93-.86 2.28-1.35 3.01c-.03.01-.07.01-.1.02l-.56.15c-.23.06-.46.3-.52.54l-.15.54c-.07.23.07.37.31.31l.54-.15c.23-.07.47-.3.54-.52l.15-.56c.01-.04.01-.07.01-.1c.67-.44 1.91-1.12 3.24-1.12c1.48 0 4.86 1.41 4.86.09c0-1.79-1.56-.9-1.25-2.08c.32-1.19 3.91.59 4.36-1.16c.52-1.9-1.05-.97-.78-1.95c.47-1.73 2.37-.61 2.75-2.04c.38-1.44-1.48-.03-1.65-1.17c-.17-1.12 1.49-2.27.81-2.97m-1.24 1.19l-1.91 2.02l-.7.75c1.39.26 2.36.04 3.75.36c-1.48.03-2.53-.04-3.93-.18L7.91 7.33c1.79.67 2.98.88 4.3 1.55c-1.39-.44-2.9-.46-4.51-1.33l-.99 1.04l-1.69 1.67c1.66.67 2.66 1.12 3.94 1.78c-1.01-.17-2.45-.8-4.14-1.58l-.17.16c-.07.07-.73.52-.84.41c-.13-.14.29-.71.35-.77l.21-.2C3.59 8.38 2.96 6.94 2.8 5.92C3.46 7.2 3.91 8.2 4.57 9.86L6.3 8.19l1.03-1c-.47-.81-.9-1.7-1.06-2.42c-.17-.74.03-1.27-.18-1.95c.36.72.19 1.19.43 1.95c.19.6.66 1.39 1.04 2.2l2.18-2.09c-.2-1.47.01-2.16.2-3.58c.12 1.32-.22 2.06 0 3.39l.85-.8Z"/></svg>Oak Leaf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:oak-leaf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:oak-leaf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:oak-leaf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--oak-leaf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:oak-leaf"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:oak-leaf"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/oak-leaf.svg" alt="Oak Leaf アイコン" width="24" height="24">他のアイコンセットの Oak Leaf アイコン
Oak Leaf アイコン のよくある質問
Oak Leaf アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Oak Leaf アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:oak-leaf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oak Leaf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/oak-leaf.svg" alt="Oak Leaf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。