Trolley Arrow Up アイコン
si-glyph:trolley-arrow-up
Trolley Arrow Up アイコン(si-glyph:trolley-arrow-up)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 17 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 17 × 24
- タグ
- trolleyarrow、arrowup、trolleyarrowup
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><g fill="none" fill-rule="evenodd"><path d="M2.17 9.994h1.873V7.959H1.861zM5 8h2.062v2.078H5zm-.969-3.029H1.52l.314 2.066h2.197zM11 7.109h1.746l.332-2.14H11zM8 8h2.062v2.094H8zm2.969 2.031h1.617l.289-2.047h-1.906z"/><path fill="currentColor" d="M3.039 13.484a1.437 1.437 0 1 0 2.768-.542H3.148c-.07.167-.109.351-.109.542m6.022.016c0 .821.65 1.485 1.453 1.485s1.451-.664 1.451-1.485c0-.197-.039-.385-.107-.557H9.169c-.069.172-.108.36-.108.557m1.453-1.484q-.152 0-.293.03h.586a1.4 1.4 0 0 0-.293-.03"/><path fill="currentColor" d="M10.221 12.046H2.564c-.319 0-.501.056-.501.423s.182.474.501.474h.583a1.435 1.435 0 0 1 2.659 0l3.362.001a1.46 1.46 0 0 1 1.053-.898"/><path fill="currentColor" d="M14.684 1.337c-.717 0-1.297.599-1.297 1.338l-.172 1.343h-3.172v.951h-.027v2.047H7.969v-.974h-.938v1.005H4.953V4.953h.005v-.936H.557c-.318 0-.541.287-.541.654c0 .139.01.27.072.375L1.299 10.5c.04.172.168.299.331.369a.5.5 0 0 0 .265.083H12.36l-.174 1.093h-1.379c.48.101.871.443 1.051.897h1.496l1.16-8.948c.057.007.111.018.17.018c.715 0 1.295-.6 1.295-1.338s-.581-1.337-1.295-1.337M1.52 4.971h2.512v2.066H1.835zm2.523 5.023H2.17l-.309-2.035h2.182zm2.988.053H4.969V7.969h2.062zm3 0H7.969V7.953h2.062zm2.555-.016h-1.617V7.984h1.906zm.16-2.922H11V4.968h2.078zm-8.269 4.938c-.603 0-1.116.371-1.33.896h2.659a1.435 1.435 0 0 0-1.329-.896"/><path fill="currentColor" d="M10.807 12.046h-.586c-.48.101-.872.443-1.053.897h2.689a1.46 1.46 0 0 0-1.05-.897M7 2.938v2h.98v-2h1L7.48 1L6.021 2.938z"/></g></svg>Trolley Arrow Up アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:trolley-arrow-up" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:trolley-arrow-up" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:trolley-arrow-up" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--trolley-arrow-up]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:trolley-arrow-up"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:trolley-arrow-up"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/trolley-arrow-up.svg" alt="Trolley Arrow Up アイコン" width="24" height="24">SmartIcons Glyph の関連アイコン
Trolley Arrow Up アイコン のよくある質問
Trolley Arrow Up アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Trolley Arrow Up アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:trolley-arrow-up" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trolley Arrow Up アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/trolley-arrow-up.svg" alt="Trolley Arrow Up アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。