Txori アイコン
arcticons:txori
Txori アイコン(arcticons:txori)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.165 32.41v-.682c0-.06.049-.108.109-.108h1.348a.11.11 0 0 0 .109-.109v-.468c0-.06.048-.108.108-.108h1.316c.06 0 .108-.048.108-.108v-.65c0-.06.049-.108.109-.108H29.6c.06 0 .108-.048.108-.108v-.52c0-.06.049-.108.109-.108h.674m-5.327 3.078v1.41c0 .06-.048.108-.108.108h-.545a.11.11 0 0 0-.109.109v1.256c0 .06-.048.108-.108.108h-.502a.11.11 0 0 0-.109.108v1.29c0 .06-.048.109-.108.109h-.64a.11.11 0 0 0-.108.108v2.186m2.337-6.792h-5.351m3.014 6.793h1.575m-1.575 0h-2.192m-.822-6.793H18.41a.11.11 0 0 1-.108-.109v-.574a.11.11 0 0 0-.109-.108h-.657m2.278.79v1.41a.11.11 0 0 1-.108.11h-.503a.11.11 0 0 0-.108.108v1.256c0 .06-.049.108-.109.108h-.576a.11.11 0 0 0-.108.108v1.29c0 .06-.049.109-.108.109h-.532a.11.11 0 0 0-.108.108v2.186m0 0h1.54m-1.54 0h-2.349m2.331-7.583h-.72a.1.1 0 0 1-.077-.032l-7.603-7.611a.1.1 0 0 1-.032-.077v-1.297a.11.11 0 0 0-.108-.108h-.45a.11.11 0 0 1-.11-.109v-1.463a.11.11 0 0 0-.107-.109h-.59a.11.11 0 0 1-.108-.108v-3.444a.11.11 0 0 0-.108-.108h-.59a.11.11 0 0 1-.107-.109v-3.28a.11.11 0 0 0-.109-.108H5.576a.11.11 0 0 1-.109-.109v-.566a.11.11 0 0 0-.108-.108h-.75a.11.11 0 0 1-.109-.108v-.085a.11.11 0 0 1 .109-.109H6.78a.1.1 0 0 0 .076-.03l1.511-1.49m9.168 20.568l.016-1.404a.11.11 0 0 1 .102-.107l.546-.034a.11.11 0 0 0 .102-.108v-1.263a.11.11 0 0 0-.109-.108h-.531a.11.11 0 0 1-.108-.108v-2.846a.11.11 0 0 0-.109-.108h-.566a.11.11 0 0 1-.108-.108V22.49m3.864-9.919l5.299 5.307l3.776 3.78l3.076 3.081c.02.02.049.032.078.032l5.14-.043c.06 0 .109.048.109.108v.565c0 .06.048.109.108.109h2.131c.06 0 .109.048.109.108v.589c0 .06.048.108.108.108h2.017c.06 0 .108.049.108.109v.566c0 .06.049.108.108.108h.59c.06 0 .108.048.108.108v.497c0 .06-.049.108-.109.108h-.589a.11.11 0 0 0-.108.109v.52c0 .06-.049.108-.108.108H31.383a.11.11 0 0 0-.108.109v.565c0 .06-.049.109-.108.109h-.675m0 0l.044-2.123a.11.11 0 0 0-.108-.11l-8.185-.068a.11.11 0 0 1-.108-.108v-.5a.11.11 0 0 0-.106-.108l-2.02-.042a.11.11 0 0 1-.107-.109v-.584a.1.1 0 0 0-.033-.078L16.77 22.49m-4.628-8.833h-.559a.11.11 0 0 0-.108.108v1.325c0 .06.048.109.108.109h.56m8.49-2.627L17.63 9.565a.1.1 0 0 0-.076-.032h-2.172a.11.11 0 0 1-.108-.108v-.52a.11.11 0 0 0-.109-.109h-3.513a.11.11 0 0 0-.108.109v.52c0 .06-.049.108-.108.108H9.932a.1.1 0 0 0-.076.032l-1.488 1.488m12.267 1.52h-2.99a.1.1 0 0 0-.077.03l-1.89 1.854m0 0l-.439.43a.1.1 0 0 0-.032.08l.044 1.419m.427-1.929l-1.958-1.853a.1.1 0 0 1-.034-.079v-.605a.11.11 0 0 0-.107-.109l-1.927-.02a.11.11 0 0 1-.107-.109v-.521a.11.11 0 0 0-.108-.108h-3.07m8.404 11.437v-1.517m-1.52-4.587l.02.663a.11.11 0 0 0 .109.105h.546c.06 0 .108.048.108.108v1.35m-.783-2.226h3.803c.06 0 .108.048.108.108v.551c0 .06.05.108.109.108h2.756c.06 0 .108.05.108.109v.508c0 .06.049.109.108.109h3.69m-9.899.732v.736c0 .06.049.109.109.109h.52c.06 0 .108.048.108.108v1.409m-.737-2.362h3.02c.06 0 .109.049.109.108v.628c0 .06.048.109.108.109h2.756c.06 0 .108.048.108.108v.572c0 .06.049.109.108.109h2.814c.06 0 .108.048.108.108v.516c0 .06.049.108.108.108h2.147c.06 0 .109.049.109.108v.513c0 .061.05.11.11.109l2.07-.048m-12.938-.686l2.283.004c.06 0 .109.049.109.108v.516c0 .06.048.109.108.109h2.756c.06 0 .108.048.108.108v.564c0 .06.049.108.108.108h2.814c.06 0 .108.049.108.108v.548c0 .06.049.108.108.108h2.147a.11.11 0 0 1 .109.109v.604c0 .06.048.109.108.109h1.276c.06 0 .108.048.108.108v.48c0 .06.05.108.109.108h1.3c.06 0 .108.049.108.108v.545c0 .06.048.108.108.108h1.502"/></svg>Txori アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:txori" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:txori" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:txori" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--txori]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:txori"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:txori"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/txori.svg" alt="Txori アイコン" width="24" height="24">Txori アイコン のよくある質問
Txori アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Txori アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:txori" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Txori アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/txori.svg" alt="Txori アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。