Trek アイコン
thesvg-color:trek
Trek アイコン(thesvg-color:trek)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 158 × 60 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 158 × 60
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="158" height="60" viewBox="0 0 158 60"><defs><clipPath id="SVGVV4VQdUw"><path d="M68 .016h88v59.968H68Zm0 0"/></clipPath><clipPath id="SVGseqtkcRE"><path d="M0 0h88v60H0z"/></clipPath><clipPath id="SVGzhUrkcMu"><path d="M5 3.246h50.926v53.219H5Zm0 0"/></clipPath><clipPath id="SVGJ38HmcZk"><path d="M34.234 28.172h-22.75A1.334 1.334 0 0 1 10.2 26.48l6.245-22.26a1.34 1.34 0 0 1 1.285-.973h22.75a1.33 1.33 0 0 1 1.282 1.692L35.516 27.2a1.33 1.33 0 0 1-1.282.973m-14.777 16.8l3.215-11.46a1.33 1.33 0 0 0-1.281-1.692H9.695a1.33 1.33 0 0 0-1.28.973l-3.22 11.46a1.332 1.332 0 0 0 1.285 1.692h11.696c.597 0 1.12-.394 1.281-.972m5.918-12.179l-6.246 22.262a1.333 1.333 0 0 0 1.281 1.691h22.754a1.33 1.33 0 0 0 1.281-.973l6.246-22.261a1.33 1.33 0 0 0-1.28-1.692H26.655c-.593 0-1.12.399-1.281.973M41.438 15.02l-3.22 11.46a1.334 1.334 0 0 0 1.286 1.692h11.695c.594 0 1.121-.399 1.281-.973l3.215-11.46a1.33 1.33 0 0 0-1.28-1.692H42.718c-.598 0-1.121.394-1.282.973m0 0"/></clipPath></defs><g clip-path="url(#SVGVV4VQdUw)"><g clip-path="url(#SVGseqtkcRE)" transform="translate(68)"><path d="M12.827 47.457q-3.55 0-5.547-2.016q-2.002-2.027-2-5.484v-24.39h7.797v23.937q0 .61.422 1.031q.422.422 1.031.422h5.594v6.5ZM1.077 28.16v-6.344h19.047v6.344Zm20.147 19.297V29.363q-.002-3.497 2-5.5q1.997-1.999 5.547-2h7.438v6.297h-5.547q-.69.002-1.188.485q-.502.468-.5 1.218v17.594Zm0 0"/><path d="M49.612 47.457q-4.348.001-7.656-1.625q-3.299-1.623-5.125-4.5q-1.815-2.873-1.813-6.672q-.001-4.202 1.75-7.203q1.747-2.999 4.672-4.61q2.918-1.623 6.469-1.624c2.695 0 4.953.57 6.765 1.703q2.73 1.69 4.125 4.61q1.407 2.922 1.407 6.671q-.001.658-.079 1.531q-.08.878-.171 1.375H43.159c.195.867.578 1.602 1.14 2.203c.57.594 1.29 1.04 2.157 1.328q1.312.422 2.906.422h7.844v6.391ZM42.956 32.27h9.75a11 11 0 0 0-.297-1.563a3.9 3.9 0 0 0-.625-1.312a4.8 4.8 0 0 0-.985-1q-.55-.435-1.265-.688a5 5 0 0 0-1.625-.25q-1.144.001-2.047.406a4.4 4.4 0 0 0-1.5 1.078c-.399.45-.703.965-.922 1.547a9.7 9.7 0 0 0-.484 1.782M61.26 47.457V10.973h7.734V31.52H72.4l5.844-9.704H86.9l-6.906 10.688c2 .836 3.554 2.11 4.672 3.828q1.67 2.579 1.671 6.031v5.094h-7.796v-5.094c0-.937-.227-1.781-.672-2.531a4.95 4.95 0 0 0-1.782-1.766q-1.095-.656-2.484-.656h-4.61v10.047Zm0 0"/></g></g><g clip-path="url(#SVGzhUrkcMu)"><g clip-path="url(#SVGJ38HmcZk)"><path d="M4.957 3.246v53.219h50.969V3.246Zm0 0"/></g></g></svg>Trek アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:trek" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:trek" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:trek" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--trek]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:trek"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:trek"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/trek.svg" alt="Trek アイコン" width="24" height="24">他のアイコンセットの Trek アイコン
Trek アイコン のよくある質問
Trek アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trek アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:trek" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trek アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/trek.svg" alt="Trek アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。