Ticket Diagonal 48 Regular アイコン
fluent:ticket-diagonal-48-regular
Ticket Diagonal 48 Regular アイコン(fluent:ticket-diagonal-48-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 48 × 48 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- ticketdiagonal、diagonalregular、ticketdiagonalregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M25.205 5.246a4.25 4.25 0 0 1 6.01 0l2.393 2.393c.812.813.579 2.013-.104 2.622a3 3 0 0 0 1.996 5.24c.89 0 1.687-.387 2.238-1.005c.57-.64 1.662-.886 2.466-.245l.157.141l2.395 2.396a4.25 4.25 0 0 1 0 6.01l-19.96 19.96a4.25 4.25 0 0 1-6.01 0l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3 3 0 0 0 15.5 35.5a3.001 3.001 0 0 0-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25 4.25 0 0 1 0-6.01zm4.243 1.768a1.75 1.75 0 0 0-2.476 0l-5.594 5.594l2.241 2.241a1.25 1.25 0 0 1-1.767 1.768l-2.241-2.242L7.013 26.973a1.75 1.75 0 0 0 0 2.476l1.892 1.891A5.48 5.48 0 0 1 12.5 30a5.5 5.5 0 0 1 5.5 5.5a5.48 5.48 0 0 1-1.341 3.594l1.895 1.896a1.75 1.75 0 0 0 2.475 0l12.597-12.6l-2.239-2.24a1.25 1.25 0 0 1 1.768-1.767l2.239 2.24l5.595-5.593a1.75 1.75 0 0 0 0-2.476l-1.896-1.895A5.48 5.48 0 0 1 35.5 18a5.5 5.5 0 0 1-4.16-9.094zm-4.06 11.37a1.25 1.25 0 0 1 1.767 0l2.465 2.465a1.25 1.25 0 0 1-1.768 1.768l-2.465-2.465a1.25 1.25 0 0 1 0-1.768"/></svg>
Ticket Diagonal 48 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:ticket-diagonal-48-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:ticket-diagonal-48-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:ticket-diagonal-48-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--ticket-diagonal-48-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:ticket-diagonal-48-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:ticket-diagonal-48-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/ticket-diagonal-48-regular.svg" alt="Ticket Diagonal 48 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Ticket Diagonal 48 Regular アイコン のよくある質問
Ticket Diagonal 48 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ticket Diagonal 48 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:ticket-diagonal-48-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ticket Diagonal 48 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/ticket-diagonal-48-regular.svg" alt="Ticket Diagonal 48 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
