Swamp アイコン
temaki:swamp
Swamp アイコン(temaki:swamp)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 15 × 15 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Temaki
- 作者
- Bryan Housel
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.74.73c-.69 0-1.25.56-1.25 1.25c0 0 .04.02.04.05a1.22 1.22 0 0 0-1.72.13c-.15.17-.25.38-.28.61c-.16-.05-.33-.07-.49-.07c-.83-.01-1.51.66-1.52 1.49c0 .2.04.39.12.58A1.49 1.49 0 0 0 1.6 6.61c.14.5.54.89 1.04 1.03c.25.78 1.09 1.21 1.87.96c.54-.18.93-.64 1.02-1.19c.18.16.41.26.65.29l.02 2.7c.01.33.04.64.09.91c.09.05.16.1.24.16c.16.13.31.28.47.41c.25.23.6.24.88.08c0-.09.02-.15.02-.26l.03-1a6.75 6.75 0 0 1 2.77-2a1.49 1.49 0 0 0 1.83-1.48v-.16c.62-.3 1.01-.92 1-1.61c.01-.69-.38-1.32-1-1.61c-.06-.65-.6-1.15-1.25-1.14c-.1.01-.2.03-.29.06c-.06-.66-.65-1.15-1.31-1.09c-.26.03-.5.13-.69.31c0-.69-.56-1.25-1.25-1.25m.19 5.79c.27.48.77.78 1.33.78h.28c.01.44.22.85.57 1.12c-.82.37-1.56.9-2.18 1.54zm1.75 5.47c-.44 0-.88.15-1.23.45c-.16.13-.31.28-.47.41a.76.76 0 0 1-1 0c-.16-.13-.31-.28-.47-.41c-.71-.59-1.73-.59-2.44 0c-.15.13-.29.27-.44.39a.9.9 0 0 1-.3.16c-.29.07-.6-.03-.8-.25c-.25-.21-.51-.41-.79-.58c-.21-.12-.44-.17-.68-.16H1c-.28 0-.5.22-.5.5s.22.5.5.5c.25.01.48.13.64.31l.36.26c.67.55 1.63.58 2.33.06c.19-.14.36-.32.55-.47a.76.76 0 0 1 1 0l.39.35c.69.62 1.73.65 2.46.07c.15-.11.27-.25.42-.37c.3-.3.78-.31 1.09-.01l.01.01l.39.35c.49.41 1.15.55 1.76.37c.38-.1.73-.31 1-.6c.16-.18.37-.29.6-.33c.28 0 .5-.22.5-.5s-.22-.5-.5-.5c-.43-.01-.86.14-1.19.42l-.47.41a.76.76 0 0 1-1 0c-.15-.12-.29-.26-.44-.39c-.35-.3-.79-.45-1.22-.45"/></svg>Swamp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:swamp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:swamp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:swamp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--swamp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:swamp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:swamp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/temaki/swamp.svg" alt="Swamp アイコン" width="24" height="24">他のアイコンセットの Swamp アイコン
Swamp アイコン のよくある質問
Swamp アイコンは商用利用でも無料ですか?
はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Swamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="temaki:swamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/swamp.svg" alt="Swamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。