Racetrack Eight With Dashes アイコン
pinhead:racetrack-eight-with-dashes
Racetrack Eight With Dashes アイコン(pinhead:racetrack-eight-with-dashes)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- racetrackeight、eightwith、withdashes、racetrackeightwithdashes、dash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M9 10v.5C9 12.99 6.99 15 4.5 15S0 12.99 0 10.5S2.01 6 4.5 6H9V5H8v-.5q0-.21.03-.42a.484.484 0 0 0-.41-.57a.49.49 0 0 0-.57.41c-.03.19-.05.38-.05.58V5H6v-.5C6 2.01 8.01 0 10.5 0S15 2.01 15 4.5S12.99 9 10.5 9H6v1h1v.54c0 .15-.02.3-.05.45c-.05.27.12.54.39.59c.28.05.54-.12.59-.39c.04-.21.07-.43.07-.64V10zM6 9H4.5C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12S6 11.33 6 10.5zm3-3h1.5c.83 0 1.5-.67 1.5-1.5S11.33 3 10.5 3S9 3.67 9 4.5zm.36-3.73c.33-.17.7-.26 1.08-.27h.19c.28.02.51-.19.53-.47a.51.51 0 0 0-.48-.53h-.25c-.54.01-1.06.15-1.53.39c-.24.12-.34.42-.21.67c.12.24.42.34.67.21m3.26.9c.22.36.35.77.38 1.2a.5.5 0 0 0 .52.47a.51.51 0 0 0 .48-.53c-.04-.6-.22-1.17-.53-1.67a.5.5 0 0 0-.69-.15c-.24.14-.31.45-.16.68m-.53 3.26c-.33.27-.72.45-1.14.53a.499.499 0 0 0 .18.98c.59-.1 1.13-.36 1.59-.73c.21-.18.24-.49.07-.71a.504.504 0 0 0-.7-.07M8.28 7h-1.5c-.28 0-.5.22-.5.5s.22.5.5.5h1.5c.27 0 .5-.22.5-.5s-.23-.5-.5-.5m-4.33.04c-.59.1-1.14.34-1.61.7c-.21.17-.25.49-.08.7c.17.22.48.26.7.09c.33-.26.73-.43 1.15-.5c.27-.04.46-.3.41-.57a.505.505 0 0 0-.57-.42M1 10.65c.03.6.21 1.17.51 1.68c.15.23.46.31.69.16c.24-.14.31-.45.17-.69A2.45 2.45 0 0 1 2 10.61a.496.496 0 0 0-.52-.48c-.27.01-.49.25-.48.52m3.24 3.34a3.56 3.56 0 0 0 1.73-.31c.25-.12.36-.42.24-.67a.49.49 0 0 0-.66-.24c-.33.15-.68.23-1.07.23c-.05 0-.11 0-.17-.01a.504.504 0 0 0-.54.46c-.02.28.19.52.47.54"/></svg>Racetrack Eight With Dashes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:racetrack-eight-with-dashes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:racetrack-eight-with-dashes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:racetrack-eight-with-dashes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--racetrack-eight-with-dashes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:racetrack-eight-with-dashes"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:racetrack-eight-with-dashes"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/racetrack-eight-with-dashes.svg" alt="Racetrack Eight With Dashes アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Racetrack Eight With Dashes アイコン のよくある質問
Racetrack Eight With Dashes アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Racetrack Eight With Dashes アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:racetrack-eight-with-dashes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Racetrack Eight With Dashes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/racetrack-eight-with-dashes.svg" alt="Racetrack Eight With Dashes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。