Ticket Alt アイコン
fontisto:ticket-alt
Ticket Alt アイコン(fontisto:ticket-alt)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 旅行
- タグ
- ticketalt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.396 11.484a1.073 1.073 0 0 0-1.451.059l-.001.001a1.085 1.085 0 0 0-.065 1.451l.003.003l-9.79 9.79l-.003.003a1.71 1.71 0 0 1-2.417 0l-.004-.004l-6.456-6.456l-.003-.003a1.71 1.71 0 0 1 0-2.417l.004-.004l9.79-9.79l.003.003c.416.416 1.09.416 1.506 0l.003-.003l.005-.005a1.065 1.065 0 0 0 0-1.506l-.003-.003l1.392-1.392l.003-.003a1.71 1.71 0 0 1 2.417 0l.004.004l6.456 6.456l.003.003a1.71 1.71 0 0 1 0 2.417l-.004.004zm-6.719 3.455a.26.26 0 0 0 .359 0l.637-.637l.003-.003a.25.25 0 0 0 0-.353l-.004-.004a.26.26 0 0 0-.359 0l-.638.638a.26.26 0 0 0 .001.358zm-1.236 1.237a.26.26 0 0 0 .359 0l.637-.637c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.637.637a.26.26 0 0 0 0 .36zm-3.48 3.479a.26.26 0 0 0 .36.002l2.015-2.015l.003-.003a.25.25 0 0 0 0-.353l-.004-.004a.26.26 0 0 0-.359 0L9.96 19.298a.26.26 0 0 0-.002.359zm7.741-8.891a1.052 1.052 0 1 0-.002 0zm-4.106 2.232l.003.003a.25.25 0 0 0 .354 0l.003-.003l.12-.12c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.12.12a.26.26 0 0 0 0 .36m-.84.84a.26.26 0 0 0 .359 0l.12-.12c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.118.118a.26.26 0 0 0-.002.362zm-.84.841a.26.26 0 0 0 .36 0l.12-.12c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.12.12a.26.26 0 0 0 .002.359zm-.84.84a.26.26 0 0 0 .359 0l.12-.12l.003-.003a.25.25 0 0 0 0-.353l-.004-.004a.26.26 0 0 0-.358.001l-.12.12a.26.26 0 0 0-.001.358zm-.84.839a.26.26 0 0 0 .359 0l.12-.12c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.12.12a.26.26 0 0 0 0 .36zm-.84.84a.26.26 0 0 0 .359 0l.12-.12c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.12.12a.26.26 0 0 0 0 .36zm-.84.84a.26.26 0 0 0 .359 0l.119-.119c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-.119.119a.26.26 0 0 0 0 .36zm6.996-9.42a1.057 1.057 0 0 0 1.488 0l.007-.007a1.04 1.04 0 0 0 0-1.474l-.007-.007a1.052 1.052 0 1 0-1.488 1.488m-6.96 6.096l.013.013a.711.711 0 0 0 1.2-.646l-.001-.003l-.288.096a.36.36 0 0 1-.093.357l-.002.002a.385.385 0 0 1-.589-.062l.001.002c-.216-.216-.204-.444-.06-.588l.002-.002a.36.36 0 0 1 .355-.093l.002.001l.096-.288a.68.68 0 0 0-.636.181l-.024.026l.001-.001l-.021.02a.67.67 0 0 0 .045.987l-.002-.002zm2.304-1.295l.264-.264l-.948-.229l-.108-.732l-.252.252l.13.777l-.454-.454l-.227.227L10.307 14l.227-.227l-.25-.25l-.036-.276zm.624-2.28l.288-.288l.815.815l.227-.227l-.816-.816l.3-.3l-.192-.192l-.814.814zm-.108 1.739l.684-.684l-.18-.18l-.454.454l-.24-.24l.397-.397l-.195-.195l-.397.397l-.214-.214l.444-.444l-.18-.18l-.674.674zm-2.88 2.88l.227-.227l-1.008-1.008l-.227.227zm-1.894.262l.288-.288l.816.816l.227-.227l-.816-.816l.288-.288l-.192-.192l-.805.805zm6.778-9.538l.001.001a1.052 1.052 0 1 0-.001-.001m-6.768 6.768a.26.26 0 0 0 .359 0l1.92-1.92c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-1.92 1.92a.26.26 0 0 0 0 .36zm-1.311-.062a.26.26 0 0 0 .359 0l3.156-3.156c.099-.099.099-.261 0-.36s-.261-.099-.36 0l-3.155 3.155a.26.26 0 0 0 0 .36zm12.708-2.797l-.005-.005a.537.537 0 0 1 0-.758l.005-.005a.543.543 0 1 1 0 .768m-2.136-2.136a.543.543 0 1 1 .768 0l-.005.005a.537.537 0 0 1-.758 0l-.002-.002zm-2.136-2.136a.543.543 0 1 1 .768 0l-.005.005a.537.537 0 0 1-.758 0l-.002-.002z"/></svg>Ticket Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:ticket-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:ticket-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:ticket-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--ticket-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:ticket-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:ticket-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/ticket-alt.svg" alt="Ticket Alt アイコン" width="24" height="24">Fontisto の関連アイコン
他のアイコンセットの Ticket Alt アイコン
Ticket Alt アイコン のよくある質問
Ticket Alt アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ticket Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:ticket-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ticket Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/ticket-alt.svg" alt="Ticket Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。