Shoe Print Bold アイコン
glyphs:shoe-print-bold
Shoe Print Bold アイコン(glyphs:shoe-print-bold)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- shoeprint、printbold、shoeprintbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path stroke="currentColor" stroke-width="4" d="M44.027 54h-10a2 2 0 0 0-2 2v5.172A6.83 6.83 0 0 0 38.856 68h.32a6.85 6.85 0 0 0 6.851-6.852V56a2 2 0 0 0-2-2Z"/><path fill-rule="evenodd" d="M28 24.385c0-1.576.3-3.137.886-4.6l.344-.86a11.018 11.018 0 0 1 19.902-1.183l1.065 1.953A14.8 14.8 0 0 1 52 26.765V29a23.5 23.5 0 0 1-2.873 11.267l-2.932 5.376a1.6 1.6 0 0 0-.195.763c0 .88-.714 1.594-1.594 1.594H34a2 2 0 0 1-2-2v-1.378a24 24 0 0 0-1.717-8.913l-.797-1.995A20.8 20.8 0 0 1 28 26z" clip-rule="evenodd"/><path d="m29.486 33.714l-1.857.743zm16.709 11.93l1.755.957zm2.932-5.377l1.756.958zm.005-22.525l-1.756.958zm-20.246 2.043l-1.857-.742zm.344-.86l-1.857-.742zm-1.857-.742l-.344.86l3.714 1.485l.344-.86zm20.003.517l1.065 1.952l3.512-1.915l-1.065-1.953zM50 26.765V29h4v-2.235zM47.371 39.31l-2.932 5.375l3.511 1.916l2.933-5.376zM44.406 46H34v4h10.406zM34 46v-1.378h-4V46zm-6.371-11.543l.797 1.994l3.714-1.485l-.797-1.995zM26 24.385V26h4v-1.615zm5.343 8.586A18.8 18.8 0 0 1 30 26h-4c0 2.897.553 5.767 1.629 8.457zM34 44.622c0-3.308-.631-6.585-1.86-9.656l-3.713 1.485A22 22 0 0 1 30 44.622zM34 46h-4a4 4 0 0 0 4 4zm10 .406c0-.224.182-.406.406-.406v4A3.594 3.594 0 0 0 48 46.406zm.439-1.72a3.6 3.6 0 0 0-.439 1.72h4a.4.4 0 0 1-.05.195zM50 29a21.5 21.5 0 0 1-2.629 10.31l3.512 1.915A25.5 25.5 0 0 0 54 29zm-1.559-8.348A12.8 12.8 0 0 1 50 26.765h4a16.8 16.8 0 0 0-2.047-8.028zM39.46 14c3.3 0 6.337 1.803 7.917 4.7l3.512-1.916A13.02 13.02 0 0 0 39.459 10zm-12.43 5.043A14.4 14.4 0 0 0 26 24.385h4c0-1.321.252-2.63.743-3.857zm4.058.626A9.02 9.02 0 0 1 39.459 14v-4c-5.323 0-10.11 3.24-12.086 8.183z"/></g></svg>Shoe Print Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:shoe-print-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:shoe-print-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:shoe-print-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--shoe-print-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:shoe-print-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:shoe-print-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/shoe-print-bold.svg" alt="Shoe Print Bold アイコン" width="24" height="24">Glyphs の関連アイコン
Shoe Print Bold アイコン のよくある質問
Shoe Print Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shoe Print Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:shoe-print-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shoe Print Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/shoe-print-bold.svg" alt="Shoe Print Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。