Laurel Wreath Right アイコン
boxicons:laurel-wreath-right
Laurel Wreath Right アイコン(boxicons:laurel-wreath-right)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.89 9.84a1 1 0 0 0-.9-.86c-.02 0-.19-.01-.43 0c.52-1.82-.24-3.5-.27-3.58c-.2-.43-.68-.66-1.14-.55c-.05.01-.74.2-1.52.68c-.02-.11-.03-.23-.07-.34c-.68-2.25-2.84-3.08-2.93-3.11c-.45-.17-.95 0-1.2.42c-.05.09-1.28 2.14-.62 4.34c.5 1.66 1.8 2.54 2.49 2.9c.03 1.17.43 2.05.45 2.11c.05.12.13.21.22.29c-.41 1.21-.3 2.3-.29 2.42c-.82.79-1.23 1.76-1.4 2.33c-.1 0-.2-.02-.31-.02c-2.29.05-3.65 1.99-3.71 2.07c-.26.37-.23.87.06 1.21c.06.08 1.59 1.86 3.79 1.86h.1c2.29-.05 3.65-1.99 3.71-2.07a.99.99 0 0 0-.03-1.17c.38-.08.77-.2 1.15-.4c2.02-1.07 2.45-3.4 2.47-3.5c.08-.45-.16-.9-.58-1.09c-.01 0-.06-.02-.12-.05c1.35-1.64 1.1-3.78 1.09-3.88Zm-3.5 1.99c.44-.46 1-.67 1.48-.78c-.08.48-.27 1.06-.7 1.52s-1 .67-1.48.78c.08-.48.27-1.06.7-1.52m.32-4.65c.06.48.05 1.08-.23 1.65s-.75.96-1.17 1.21c-.06-.48-.05-1.08.23-1.65s.75-.96 1.17-1.21m-3.97-2.73c.35.29.71.72.89 1.3c.19.64.11 1.29-.03 1.79c-.35-.29-.71-.72-.89-1.3c-.19-.64-.11-1.29.03-1.79M10.15 20c-.65 0-1.22-.27-1.64-.56c.37-.29.88-.57 1.49-.59c.64 0 1.22.27 1.64.56c-.37.29-.88.57-1.49.59m3.94-3.42c-.56.29-1.17.31-1.66.24c.22-.43.57-.93 1.12-1.22c.56-.29 1.17-.31 1.66-.24c-.22.43-.57.93-1.12 1.22"/></svg>Laurel Wreath Right アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:laurel-wreath-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:laurel-wreath-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:laurel-wreath-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--laurel-wreath-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:laurel-wreath-right"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:laurel-wreath-right"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/laurel-wreath-right.svg" alt="Laurel Wreath Right アイコン" width="24" height="24">Boxicons の関連アイコン
Laurel Wreath Right アイコン のよくある質問
Laurel Wreath Right アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Laurel Wreath Right アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:laurel-wreath-right" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laurel Wreath Right アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/laurel-wreath-right.svg" alt="Laurel Wreath Right アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。