Beach Remix アイコン
streamline-plump:beach-remix
Beach Remix アイコン(streamline-plump:beach-remix)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 地図・旅行
- タグ
- beachremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M31.407 10.425c-.796-.568-1.64-.902-2.458-1.022c-1.503-.22-3.122.247-4.52 1.677a2 2 0 1 1-2.86-2.796c2.246-2.297 5.126-3.255 7.96-2.839c1.581.232 3.083.88 4.41 1.878c-.128-1.133-.691-2.097-1.55-2.593a2 2 0 1 1 2-3.464c3.146 1.817 4.02 5.337 3.352 8.44C42.358 10.918 46 15.111 46 20.351a2 2 0 0 1-4 0c0-2.49-1.312-4.628-3.214-5.865c.608 2.852-.07 5.95-2.18 8.225a2 2 0 1 1-2.932-2.72c1.62-1.747 1.756-4.544.403-6.588c-1.083.622-2.166 1.785-3.123 3.555c-1.285 2.376-2.193 5.607-2.448 9.28c3.369.424 6.174 1.405 8.444 2.889c3.142 2.053 5.098 4.962 6.127 8.28a2 2 0 1 1-3.821 1.185c-.789-2.544-2.227-4.635-4.494-6.117C32.47 30.978 29.17 30 24.5 30c-4.667 0-8.138.977-10.634 2.506c-2.476 1.518-4.102 3.644-5.004 6.167a2 2 0 0 1-3.766-1.346c1.193-3.34 3.388-6.214 6.68-8.231c1.676-1.027 3.606-1.814 5.791-2.338c.676-7.92 6.341-14.417 13.84-16.333M17.318 43.003c-2.53 0-4.637-1.692-4.68-1.726c-1.13-.945-2.72-.94-3.845-.151a16.4 16.4 0 0 1-2.096 1.024c-1.168.473-2.504.853-3.697.853a2 2 0 0 0 0 4h42a2 2 0 1 0 0-4c-1.193 0-2.529-.38-3.697-.853a16.4 16.4 0 0 1-2.096-1.024c-1.125-.788-2.715-.795-3.845.15c-.043.035-2.15 1.727-4.68 1.727s-4.638-1.692-4.68-1.726a3.13 3.13 0 0 0-4.003 0c-.043.034-2.151 1.726-4.68 1.726m21.908-1.864q.005.003 0 0" clip-rule="evenodd"/></svg>Beach Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:beach-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:beach-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:beach-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--beach-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:beach-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:beach-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/beach-remix.svg" alt="Beach Remix アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Beach Remix アイコン
Beach Remix アイコン のよくある質問
Beach Remix アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Beach Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:beach-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Beach Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/beach-remix.svg" alt="Beach Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。