Retro Garage アイコン

Q: Retro Garage アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:retro-garage

Retro Garage アイコン(arcticons:retro-garage)は、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
タグ: retrogarage

SVG をダウンロード

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="m20.417 31.919l22.244-1.085l.839-7.912l-22.343 1.18zm.74-7.817C18 21.019 14.3 20.477 14.3 20.477v-6.624c-6.45-1.151-6.758 5.124-6.758 5.124c-1.134.118-2.22.612-2.22.612c-.049.246 0 2.811 0 2.811c1.924-1.085 2.713 5.426 2.713 5.426l5.82 3.107c-.627-4.858.84-7.35 2.664-5.968s1.726 6.61 1.726 6.61l2.17.345M14.3 13.853l16.166-.288c2.072 1.356 3.885 6.32 3.885 6.32c6.93.986 9.15 3.037 9.15 3.037"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.351 19.885c-6.917-.216-20.05.591-20.05.591c-3.817-.986-6.758-1.499-6.758-1.499m10.703 12.597l.136 2.442l2.269.419l22.072-1.85l-.062-1.751M27.31 25.236l-.173 4.193l10.629-.37l.296-4.094zm-6.344.88l6.31-.064m-.112 2.711l-6.484.375m17.123-.596h5.101m.348-3.277l-5.19.193m3.317 3.084l.247-3.181M22.785 28.95l.18-2.836"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.567 19.99c.739-1.98 4.559-3.925 5.03-.142m-18.514-5.891l-.558 5.62m-.51 1.713l1.068.272m-4.274-1.085h.864M5.324 22.4c-1.227 1.578-1.277 6.363 1.19 6.363c1.38 0 2.21-.57 2.21-.57"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.81 23.188c.493 1.16.482 5.527-.702 5.527m7.749 2.218l2.823-.316c-.336-2.187.69-4.5.69-4.5"/></svg>

Retro Garage アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:retro-garage" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:retro-garage" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:retro-garage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--retro-garage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:retro-garage"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:retro-garage"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/retro-garage.svg" alt="Retro Garage アイコン" width="24" height="24">

Arcticons の関連アイコン

Retro Garage アイコンのよくある質問

Retro Garage アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Retro Garage アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:retro-garage" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Retro Garage アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/retro-garage.svg" alt="Retro Garage アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →