Racetrack Oval With Dashes アイコン
pinhead:racetrack-oval-with-dashes
Racetrack Oval With Dashes アイコン(pinhead:racetrack-oval-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
- タグ
- racetrackoval、ovalwith、withdashes、racetrackovalwithdashes、dash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M3.62 8.56c-.79.78-.79 2.05 0 2.83c.78.78 2.04.78 2.82 0l4.95-4.95c.78-.78.78-2.05 0-2.83s-2.04-.78-2.82 0zM1.49 6.44l4.95-4.95a5.016 5.016 0 0 1 7.08 0a5.003 5.003 0 0 1 0 7.07l-4.95 4.95a5.016 5.016 0 0 1-7.08 0a5.003 5.003 0 0 1 0-7.07m1.42 1.41l1.06-1.06c.19-.19.19-.51 0-.7c-.2-.2-.51-.2-.71 0L2.2 7.15c-.19.19-.19.51 0 .7c.2.2.51.2.71 0M5.7 5.06L6.76 4c.2-.2.2-.51 0-.71a.5.5 0 0 0-.7 0L4.99 4.35c-.19.2-.19.52 0 .71c.2.2.52.2.71 0m2.77-2.63c.37-.22.79-.35 1.22-.39a.502.502 0 0 0-.09-1c-.58.06-1.13.24-1.64.53a.5.5 0 0 0-.17.68c.13.24.44.32.68.18m3.28.17c.11.08.22.18.33.28c.22.22.39.45.53.7c.13.25.44.34.68.2c.24-.13.33-.43.2-.68c-.18-.33-.41-.64-.71-.93c-.14-.14-.29-.26-.44-.38a.506.506 0 0 0-.7.11a.49.49 0 0 0 .11.7m1.14 3.15c-.1.42-.29.81-.57 1.15c-.17.21-.14.53.08.7s.53.14.7-.08c.37-.45.62-.97.76-1.53a.5.5 0 0 0-.36-.61c-.27-.07-.54.1-.61.37m-2.23 2.84L9.6 9.65c-.19.19-.19.51 0 .7c.2.2.51.2.71 0l1.06-1.06c.19-.19.19-.51 0-.7c-.2-.2-.51-.2-.71 0m-2.79 2.79l-.72.72c-.1.1-.2.19-.31.27c-.22.17-.27.48-.1.7s.48.26.7.1c.15-.11.29-.24.42-.37l.72-.71c.19-.2.19-.52 0-.71c-.2-.2-.52-.2-.71 0m-3.08 1.59c-.43-.04-.85-.17-1.23-.38a.503.503 0 0 0-.68.19c-.14.24-.05.55.19.68c.51.29 1.07.46 1.64.5a.497.497 0 1 0 .08-.99m-2.58-1.98c-.15-.41-.21-.84-.17-1.27a.496.496 0 0 0-.45-.54a.504.504 0 0 0-.55.45c-.04.58.03 1.16.23 1.7c.09.26.38.39.63.3c.26-.09.4-.38.31-.64"/></svg>Racetrack Oval With Dashes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:racetrack-oval-with-dashes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:racetrack-oval-with-dashes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:racetrack-oval-with-dashes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--racetrack-oval-with-dashes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:racetrack-oval-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-oval-with-dashes"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/racetrack-oval-with-dashes.svg" alt="Racetrack Oval With Dashes アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Racetrack Oval With Dashes アイコン のよくある質問
Racetrack Oval With Dashes アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Racetrack Oval With Dashes アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:racetrack-oval-with-dashes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Racetrack Oval With Dashes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/racetrack-oval-with-dashes.svg" alt="Racetrack Oval With Dashes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。