Waypoint アイコン
logos:waypoint
Waypoint アイコン(logos:waypoint)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 93 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 93
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="93" viewBox="0 0 512 93"><path d="m219.678 58.68l11.91-48.399h11.722l-15.476 62.51h-15.941l-11.444-50.275l-11.445 50.275h-15.941l-15.507-62.463h11.723l11.91 48.398l11.351-48.398h15.755zm58.894 14.11h-9.304l-.884-3.1a25.04 25.04 0 0 1-13.6 4.031c-8.358 0-11.91-5.722-11.91-13.6c0-9.304 4.033-12.855 13.306-12.855h10.979v-4.823c0-5.055-1.411-6.839-8.715-6.839c-4.26.042-8.505.515-12.67 1.412l-1.41-8.73a59.5 59.5 0 0 1 15.662-2.156c14.36 0 18.608 5.07 18.608 16.515zm-11.444-17.259h-8.436c-3.753 0-4.792 1.04-4.792 4.513c0 3.101 1.04 4.652 4.652 4.652a18.1 18.1 0 0 0 8.622-2.342zm43.508 17.261l-6.094 18.485h-10.855l5.707-18.485h-4.048L280.91 27.108h11.724l10.405 34.705l10.514-34.705h11.723zm56.186-15.245c0 10.126-4.497 16.143-15.104 16.143a63.6 63.6 0 0 1-12.189-1.318v18.857l-11.444 1.55V27.06h9.103l1.116 3.846a24.15 24.15 0 0 1 14.453-4.776c9.196 0 14.065 5.443 14.065 15.848zm-27.293 5.164a51 51 0 0 0 10.127 1.225c4.124 0 5.722-1.97 5.722-6.11v-16.05c0-3.752-1.396-5.815-5.63-5.815a16.18 16.18 0 0 0-10.219 4.125zm52.616 10.979c-15.662 0-19.865-8.653-19.865-17.957v-11.6c0-9.304 4.218-18.003 19.88-18.003c15.663 0 19.88 8.622 19.88 18.003v11.6c-.015 9.304-4.233 17.957-19.895 17.957m0-37.806c-6.094 0-8.436 2.713-8.436 7.877v12.282c0 5.164 2.342 7.893 8.436 7.893s8.436-2.73 8.436-7.893V43.76c0-5.086-2.342-7.877-8.436-7.877m26.828-15.29V7.366H430.4v13.228zm0 52.15V27.06H430.4v45.73zm47.898.047V40.86c0-2.45-1.023-3.66-3.66-3.66c-2.636 0-7.753 1.691-11.91 3.846V72.79h-11.443V27.06h8.73l1.117 3.846a45.9 45.9 0 0 1 18.298-4.776c7.599 0 10.312 5.35 10.312 13.506v33.155zm44.57-.883a32 32 0 0 1-10.032 1.784c-8.359 0-12.577-3.94-12.577-12.112V36.164h-6.838v-9.102h6.838V15.726l11.445-1.55v12.932H512l-.744 9.103h-10.98v23.88a3.6 3.6 0 0 0 2.477 3.9c.532.17 1.096.216 1.648.133a22.2 22.2 0 0 0 5.723-.946z"/><path fill="#14c6cb" d="M128.058 0L112.07 27.696L96.082 0zM42.691 18.485H32.022l26.673 46.21l-10.67 18.485L0 0h53.36l26.688 46.211l5.334-9.242L64.03 0h21.353l10.67 18.485l10.668 18.484L80.048 83.18z"/></svg>Waypoint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:waypoint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:waypoint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:waypoint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--waypoint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:waypoint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:waypoint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/waypoint.svg" alt="Waypoint アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの Waypoint アイコン
Waypoint アイコン のよくある質問
Waypoint アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Waypoint アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:waypoint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Waypoint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/waypoint.svg" alt="Waypoint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。