Laurel Wreath アイコン
andrsrxn:laurel-wreath
Laurel Wreath アイコン(andrsrxn:laurel-wreath)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- スポーツ、記号
- タグ
- laurelwreath
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><ellipse cx="7.82" cy="5.37" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(92.04 7.82 5.37)"/><ellipse cx="2.71" cy="1.57" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(87.66 5.8 8.9)scale(1 -1)"/><ellipse cx="7.43" cy="18.51" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(152.04 7.43 18.5)"/><ellipse cx="2.71" cy="1.57" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(27.66 -31.14 36.7)scale(1 -1)"/><ellipse cx="4.47" cy="12.1" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(-162.96 4.47 12.1)"/><ellipse cx="2.71" cy="1.57" fill="currentColor" opacity=".2" rx="2.71" ry="1.57" transform="rotate(162.66 7.604 8.527)scale(-1 1)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.31 7.9c-.24.27-.36.4-.6.4c-.23-.01-.34-.16-.56-.44a3.8 3.8 0 0 1-.9-2.35c.03-.94.6-1.76 1.07-2.28c.24-.26.36-.4.6-.39c.22.01.33.15.56.44c.42.54.93 1.4.9 2.34A3.7 3.7 0 0 1 8.31 7.9m7.36.02c.24.26.36.4.6.39s.34-.16.56-.44a3.8 3.8 0 0 0 .89-2.35a3.8 3.8 0 0 0-1.08-2.28c-.25-.26-.37-.4-.6-.38c-.23 0-.34.15-.56.43a3.8 3.8 0 0 0-.9 2.35a3.8 3.8 0 0 0 1.09 2.28M5.48 20.2c-.35-.08-.52-.12-.63-.32s-.04-.37.09-.7c.26-.65.75-1.52 1.58-1.96a3.8 3.8 0 0 1 2.5-.22c.36.08.54.12.64.32c.11.2.05.37-.09.7A3.8 3.8 0 0 1 8 20c-.83.44-1.83.35-2.5.2m13.06 0c.35-.08.53-.12.63-.33c.11-.2.04-.37-.1-.7a3.8 3.8 0 0 0-1.58-1.95a3.8 3.8 0 0 0-2.51-.2c-.35.08-.53.12-.64.32s-.04.38.1.7c.26.65.75 1.52 1.6 1.96c.83.44 1.82.35 2.5.2M1.9 11.92c-.2-.3-.3-.45-.23-.67s.24-.3.57-.44c.64-.27 1.6-.54 2.5-.26c.9.27 1.55 1.04 1.92 1.62c.2.3.3.45.23.68c-.07.22-.23.29-.56.43c-.64.27-1.6.54-2.5.27a3.8 3.8 0 0 1-1.93-1.63m20.2-.02c.2-.3.3-.45.22-.67s-.23-.3-.56-.43a3.8 3.8 0 0 0-2.5-.26a3.8 3.8 0 0 0-1.92 1.64c-.2.3-.3.45-.22.67s.23.3.56.43c.64.27 1.6.54 2.5.26a3.8 3.8 0 0 0 1.92-1.64M9.59 17.17c-.93-.56-1.9-1.9-2.38-3.98s-.15-3.7.4-4.64m6.81 8.65c.94-.58 1.9-1.92 2.37-4c.47-2.1.14-3.72-.43-4.65"/></g></svg>Laurel Wreath アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:laurel-wreath" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:laurel-wreath" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:laurel-wreath" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--laurel-wreath]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:laurel-wreath"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:laurel-wreath"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/laurel-wreath.svg" alt="Laurel Wreath アイコン" width="24" height="24">andrsrxn/icons の関連アイコン
他のアイコンセットの Laurel Wreath アイコン
Laurel Wreath アイコン のよくある質問
Laurel Wreath アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Laurel Wreath アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:laurel-wreath" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Laurel Wreath アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/laurel-wreath.svg" alt="Laurel Wreath アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。