ICONYZ
日本語
Simple Icons の Subaru アイコン

Subaru アイコン

simple-icons:subaru

Subaru アイコン(simple-icons:subaru)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Simple Icons
作者
Simple Icons Collaborators
ライセンス
CC0-1.0
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4.983c3.004 0 6.224.612 8.786 2.239C22.451 8.286 24 9.9 24 12.002c0 2.456-2.097 4.242-4.106 5.287c-2.391 1.238-5.216 1.728-7.894 1.728c-3.003 0-6.217-.605-8.78-2.238C1.556 15.714 0 14.101 0 12.003C0 9.536 2.092 7.757 4.106 6.71C6.504 5.474 9.323 4.983 12 4.983m-.025.746c-2.793 0-5.802.523-8.225 1.983c-1.524.912-3.03 2.347-3.03 4.253c0 2.239 2.04 3.806 3.864 4.706c2.258 1.102 4.897 1.53 7.391 1.53c2.798 0 5.809-.523 8.232-1.983c1.517-.918 3.029-2.346 3.029-4.253c0-2.243-2.035-3.813-3.864-4.705c-2.258-1.104-4.898-1.53-7.397-1.53zm-10.54 4.686l4.597-.784l1.384-3.003L8.794 9.63l4.596.784l-4.596.792l-1.378 3.01l-1.384-3.01zm10.106 2.289l2.028-.356l.605-1.359l.606 1.359l2.028.356l-2.028.35l-.606 1.36l-.605-1.36zm4.196-3.621l2.028-.35l.605-1.365l.606 1.364l2.028.35l-2.028.357l-.606 1.36l-.606-1.36zM13.57 15.51l2.02-.35l.607-1.365l.612 1.365l2.027.35l-2.027.357l-.612 1.36l-.606-1.36zm-6.23.491l2.028-.35l.612-1.366l.605 1.366l2.028.35l-2.028.357l-.605 1.359l-.612-1.359zm10.196-3.353l2.022-.357l.605-1.359l.612 1.359l2.028.357l-2.028.35l-.612 1.357l-.606-1.357Z"/></svg>

Subaru アイコンの使い方

React

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

<Icon icon="simple-icons:subaru" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:subaru" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:subaru" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--subaru]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:subaru"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:subaru"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/subaru.svg" alt="Subaru アイコン" width="24" height="24">

他のアイコンセットの Subaru アイコン

Subaru アイコン のよくある質問

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

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Simple Icons をすべて見る →