Un Paved Road Outline アイコン
healthicons:un-paved-road-outline
Un Paved Road Outline アイコン(healthicons:un-paved-road-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 記号
- タグ
- unpaved、pavedroad、roadoutline、unpavedroadoutline、un paved road2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M40.5 9a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-19.387 5.172a33.9 33.9 0 0 0-10.542 13.85A34 34 0 0 0 8 41a1 1 0 0 1-2 0c0-4.715.925-9.384 2.721-13.74a35.9 35.9 0 0 1 11.68-15.06q.106-.08.222-.127a1.502 1.502 0 0 1 2.402-.162a1.5 1.5 0 0 1-1.912 2.26m3.26 9.259l.723-.69l-1.381-1.446l-.724.69a29 29 0 0 0-1.676 1.741l-.663.75l1.497 1.325l.663-.748a27 27 0 0 1 1.56-1.621m-4.264 5.223l.535-.845l-1.69-1.07l-.534.845a31.6 31.6 0 0 0-2.258 4.255l-.4.916l1.832.801l.4-.916a30 30 0 0 1 2.115-3.986m-3.613 8.248l.262-.965l-1.93-.524l-.262.965q-.315 1.157-.546 2.343l-.192.982l1.963.383l.192-.981q.217-1.117.513-2.203m15.034-9.053q.088-.056.162-.125a1.5 1.5 0 1 0-1.178-1.597l-.042.024a18.7 18.7 0 0 0-2.916 2.24a17.8 17.8 0 0 0-4.108 5.776A16.9 16.9 0 0 0 22 41a1 1 0 0 0 2 0c0-2.066.433-4.113 1.277-6.026a15.8 15.8 0 0 1 3.647-5.124a16.7 16.7 0 0 1 2.605-2.001M42 12.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0M40.5 19a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m1 2.35a1 1 0 1 1-2 0a1 1 0 0 1 2 0M35.412 9.618a1.5 1.5 0 1 0-.42-2.97a1.5 1.5 0 0 0 .42 2.97m1.976 3.255a1.5 1.5 0 1 1-2.97.42a1.5 1.5 0 0 1 2.97-.42m-.574 6.646a1.5 1.5 0 1 0-.42-2.97a1.5 1.5 0 0 0 .42 2.97m1.976 3.255a1.5 1.5 0 1 1-2.97.42a1.5 1.5 0 0 1 2.97-.42m-9.498-11.16a1.5 1.5 0 1 0-1.23-2.737a1.5 1.5 0 0 0 1.23 2.737m2.803 2.577a1.5 1.5 0 1 1-2.737 1.23a1.5 1.5 0 0 1 2.737-1.23m1.295 6.544a1.5 1.5 0 1 0-1.229-2.737a1.5 1.5 0 0 0 1.23 2.737m1.686 1.531a1 1 0 1 1-1.825.82a1 1 0 0 1 1.825-.82m-8.428-5.584a1.5 1.5 0 1 1-2.28 1.95a1.5 1.5 0 0 1 2.28-1.95m3.084 5.915a1.5 1.5 0 1 0-1.95-2.28a1.5 1.5 0 0 0 1.95 2.28m-3.039-8.037a.868.868 0 1 0 0-1.737a.868.868 0 0 0 0 1.736m3.461 3.475a.868.868 0 1 1-1.736 0a.868.868 0 0 1 1.736 0m3.555-1.244a.868.868 0 1 0 0-1.737a.868.868 0 0 0 0 1.736m5.624-1.657a.868.868 0 1 1-1.736 0a.868.868 0 0 1 1.736 0m-6.624-2.903a.868.868 0 1 0 0-1.737a.868.868 0 0 0 0 1.737M39 10.132a.868.868 0 1 1-1.736 0a.868.868 0 0 1 1.736 0"/></svg>Un Paved Road Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:un-paved-road-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:un-paved-road-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:un-paved-road-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--un-paved-road-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:un-paved-road-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:un-paved-road-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/un-paved-road-outline.svg" alt="Un Paved Road Outline アイコン" width="24" height="24">Health Icons の関連アイコン
Un Paved Road Outline アイコン のよくある質問
Un Paved Road Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Un Paved Road Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:un-paved-road-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Un Paved Road Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/un-paved-road-outline.svg" alt="Un Paved Road Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。