Snkrs アイコン
arcticons:snkrs
Snkrs アイコン(arcticons:snkrs)は、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
- タグ
- snkr
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="M28.019 34.893v-7.371h2.413c1.364 0 2.47 1.108 2.47 2.475s-1.106 2.476-2.47 2.476h-2.413m2.413 0l2.413 2.418m-10.718-7.369v7.371m0-2.568l3.962-4.778m0 7.346l-3.035-3.686m-7.741 3.686v-7.371l4.884 7.371v-7.371m14.566 6.563c.452.589 1.018.808 1.807.808h1.091a1.84 1.84 0 0 0 1.839-1.839v-.008a1.84 1.84 0 0 0-1.839-1.838h-1.204a1.84 1.84 0 0 1-1.84-1.841h0c0-1.02.825-1.845 1.844-1.845h1.086c.788 0 1.355.22 1.807.808M8.646 34.085c.452.589 1.019.808 1.807.808h1.092a1.84 1.84 0 0 0 1.838-1.839v-.008a1.84 1.84 0 0 0-1.838-1.838H10.34a1.84 1.84 0 0 1-1.84-1.841h0c0-1.02.826-1.845 1.845-1.845h1.085c.789 0 1.355.22 1.807.808m3.683-4.98c-.413.171-.835.316-1.262.446q-.832.256-1.69.404a6.2 6.2 0 0 1-1.395.103a3.7 3.7 0 0 1-1.495-.402a2.92 2.92 0 0 1-1.386-1.494a3.63 3.63 0 0 1-.078-2.067a8.4 8.4 0 0 1 1.308-2.899c.405-.599.862-1.161 1.324-1.717q.68-.816 1.377-1.617a9 9 0 0 0-.746 1.558a6 6 0 0 0-.337 1.35a3.04 3.04 0 0 0 .185 1.553c.272.6.769 1.067 1.383 1.302a3.6 3.6 0 0 0 1.34.213a10 10 0 0 0 2.103-.312q1.156-.266 2.301-.58c4.66-1.267 18.648-5.033 18.648-5.033s-16.164 6.946-21.58 9.192"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/></svg>Snkrs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:snkrs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:snkrs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:snkrs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--snkrs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:snkrs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:snkrs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/snkrs.svg" alt="Snkrs アイコン" width="24" height="24">Snkrs アイコン のよくある質問
Snkrs アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Snkrs アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:snkrs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snkrs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/snkrs.svg" alt="Snkrs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。