Sledding Rounded アイコン
material-symbols-light:sledding-rounded
Sledding Rounded アイコン(material-symbols-light:sledding-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- アクティビティ
- タグ
- athlete、athletic、body、entertainment、exercise、hobby、human、people、person、sled、sledding、sledge、snow、social、sports、travel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.087 22.692q-.437 0-.701-.05q-.265-.05-.52-.13L1.758 17.248q-.166-.061-.245-.218t-.019-.322q.062-.166.222-.258q.159-.092.325-.03l3.551 1.145l.643-2.002l-3.527-1.146q-.166-.061-.245-.22q-.08-.16-.019-.326q.062-.165.219-.255q.156-.089.322-.028L4.5 14.1v-3.758q0-.242.134-.441q.133-.199.35-.305l4.703-1.965q.142-.062.281-.087t.307-.025q.812 0 1.212.565q.4.564.124 1.439l-1.223 3.654l2.65-.427q.502-.087.936.133q.434.219.695.728l2.229 4.5l1.418.477q.165.062.245.219t.018.322t-.221.257t-.325.031l-2.889-.946l-.667 2.002l3.614 1.171q.238.07.45.117t.545.047q1.131 0 1.907-.776t.776-1.907q0-.892-.352-1.503t-.99-1.005q-.154-.092-.218-.264q-.065-.172-.003-.332q.061-.165.218-.236t.317-.002q.87.467 1.392 1.343q.52.876.52 1.999q0 1.492-1.037 2.53t-2.53 1.037m-5.457-2.477l.667-2.027l-7.232-2.323l-.643 2.002zm1.958-2.53l-1.752-3.512l-4.956 1.337zm-8.068-2.61q-.246-.344-.303-.784q-.057-.439.126-.962l1.352-4.194L5.5 10.479v3.944zm4.443-8.883q-.69 0-1.192-.5q-.5-.501-.5-1.192t.5-1.191t1.192-.501t1.191.5q.5.502.5 1.192t-.5 1.191t-1.191.501"/></svg>Sledding Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:sledding-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:sledding-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:sledding-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--sledding-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sledding-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:sledding-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/sledding-rounded.svg" alt="Sledding Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Sledding Rounded アイコン
Sledding Rounded アイコン のよくある質問
Sledding Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sledding Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:sledding-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sledding Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/sledding-rounded.svg" alt="Sledding Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。