Abarth アイコン

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

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

thesvg-color:abarth

Abarth アイコン(thesvg-color:abarth)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 444 × 485 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 444 × 485

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="444" height="485" viewBox="0 0 444 485"><path fill="#8c9091" d="M443.91 88.54c-8.49-7.09-28.86-24.98-35.94-65.59L350.31.23s-.83-.38-1.1-.16c-.26.23-.25.48-.53.77C333.28 16.77 279.03 5 223.2 5h-2.5C164.87 5 110.62 16.77 95.22.85c-.28-.29-.26-.54-.53-.77c-.26-.22-1.1.16-1.1.16L35.93 22.97C28.86 63.57 8.49 81.45 0 88.54c13.83 10.1 28.48 25.25 28.48 46.67c0 18.33-19.84 75.82-19.84 124.08c0 130.62 103.02 180.55 166.49 196.38c15.94 3.97 35.69 19.41 45.57 28.23c0 0 .58.5 1.24.5s1.26-.5 1.26-.5c9.89-8.82 29.63-24.26 45.57-28.23c63.47-15.83 166.49-65.76 166.49-196.38c0-48.26-19.84-105.75-19.84-124.08c0-21.41 14.65-36.56 28.48-46.67z"/><path fill="#231f20" d="M397.56 35.5c-.36-1.82-.73-4.16-.61-5.8l-46.54-17.12s-.42 9.41-49.28 7.17c-1.85.02-10.67-.33-13.15-.49c-20.16-1.36-40.95-2.61-61.87-2.7h-8.73c-20.92.08-41.71 1.34-61.87 2.7c-2.48.17-11.3.51-13.15.49c-48.86 2.24-49.28-7.17-49.28-7.17L46.54 29.7c.12 1.64-.24 3.98-.6 5.8c-5.74 26.39-17.99 40.78-27.85 52.85h407.32c-9.87-12.07-22.11-26.46-27.85-52.85"/><path fill="#ffcd00" d="M406.83 158.63c-2.3-8.52-3.47-16.5-3.47-23.74c0-12.25 3.22-21.77 7.94-29.57H32.42c4.72 7.8 7.94 17.32 7.94 29.57c0 7.23-1.16 15.22-3.47 23.74c-11.11 41.05-16.51 74.98-16.51 103.7c0 6.93.3 13.7.92 20.13c2.46 25.88 9.89 48.48 23.12 69.91L410.1 171.15c-1.03-4.1-2.11-8.26-3.26-12.51z"/><path fill="#d7282f" d="M47 356.33c2.46 3.78 5.05 7.52 7.89 11.24c33.39 41.19 68.14 62.74 123.9 76.86c15.34 3.87 32.56 16.47 43.06 25.1c11.27-9.3 27.93-21.28 43.06-25.11c55.75-14.11 90.51-35.68 123.95-76.91c19.85-25.96 30.51-52.99 33.56-85.05c.61-6.45.92-13.22.92-20.14c0-24.54-4-52.94-12.07-86.25z"/><path fill="#fff" d="M376.07 40.91c-.01 4.95-.02 8.28-.03 13.23c-11.47-1.21-17.22-1.76-28.73-2.76c.03-5.56.04-8.86.06-14.42c-22.97-2.75-47.7-4.85-71.67-6.51c-.02 2.81-.02 4.22-.03 7.03c-1.5-4.47-5.09-7.36-12.44-7.71c-13.77-.67-27.55-1.06-41.34-1.15c0 14.34-.02 28.7-.03 43.04c-7.34-14.33-14.67-28.65-22.06-42.95c-7.13.11-10.69.2-17.82.44c-6.5 13.01-13.05 26-19.67 38.93c.22-1.15.34-2.44.34-3.91c-.02-7-2.25-10.3-8.22-10.88v-.19c3.82-1.26 6.58-2.88 6.54-10.84c-.02-9.11-5.33-11.94-16.24-11.16c-13.13.94-26.25 2.14-39.34 3.6l.2 39.32C98.23 61.57 90.53 49.37 82.4 37.55c-7.1.96-10.64 1.48-17.73 2.56C57 52.57 49.3 64.85 40.67 76.5h15.26c1.6-2.47 2.4-3.74 3.98-6.3c11.07-.31 16.61-.45 27.67-.7c1.71 2.76 2.56 4.16 4.27 7h57.24c4.26 0 7.91-.63 10.35-2.86c-.59 1.15-.89 1.72-1.49 2.86h15.26c1.59-3.32 2.39-4.99 3.98-8.34c11.08-.07 16.61-.1 27.69-.12c1.7 3.38 2.56 5.08 4.25 8.46h26.38c0-4.96 0-7.43.01-12.39c8.6.05 12.91.08 21.5.18c4.24.05 5.6 1.68 5.58 6.59c0 2.25 0 3.37-.01 5.62h13.67c0-3.13 0-4.69.02-7.82c.03-7.56-3.35-9.48-7.42-10.34v-.13c6.29-1.41 7.66-4.97 7.68-11.13c0-1.17.02-1.75.02-2.92c0-.77-.03-1.51-.09-2.23c7.36.34 11.04.54 18.39.99c-.06 13.43-.09 20.14-.14 33.57h13.66c.06-13.07.08-19.6.14-32.67c10.06.72 15.1 1.12 25.16 2.03c-.06 12.26-.09 18.38-.14 30.64h13.65c.03-5.91.04-8.87.07-14.77c11.52.59 17.26.91 28.76 1.63c-.02 5.26-.02 7.88-.04 13.14h13.66V43.75c-5.02-1.08-8.14-1.96-13.59-2.85zM65 62.21c3.42-5.68 5.14-8.62 8.55-14.67c3.55 5.27 5.34 8.02 8.9 13.68c-6.98.37-10.47.57-17.45.99m54.12-18.54c9.67-.72 14.52-1.03 24.19-1.57c2.53-.14 4.01.73 4.02 3.37c0 2.58-1.46 3.59-3.99 3.7c-9.68.43-14.52.68-24.19 1.25c-.02-2.7-.02-4.05-.04-6.75zm24.6 21.94c-9.8.17-14.7.27-24.49.5c-.02-2.7-.02-4.05-.04-6.75c9.8-.38 14.7-.54 24.5-.83c2.95-.08 4.92.56 4.94 3.65c.01 2.65-1.95 3.38-4.9 3.43zm38.58-7.68c3.44-7.16 5.16-10.76 8.6-17.99c3.55 7.09 5.34 10.66 8.89 17.82c-6.99.04-10.49.08-17.49.17m80.94-10.09c0 3.36-1.36 4.87-5.06 4.78c-9.05-.2-13.57-.28-22.61-.37c0-4.81 0-7.12.01-11.59c8.56.13 12.84.06 21.39.33c4.33.14 6.29.99 6.28 5.12c0 .62 0 1.1-.01 1.72z"/><path fill="#8c9091" d="m184.04 132l74.29 30.89c-2.2.93-43.83 18.47-43.83 18.47l77.68 8.17c1.08.12 2.16-.23 2.96-.96c0 0 16.79-15.16 19.37-17.48c.54 1.09 9.46 19.15 9.96 20.18c-1.2.34-74.34 21.22-74.34 21.22s5.33 19.37 6.25 22.72c-2.49-2.57-19.79-20.45-19.79-20.45s-14.36 17.72-14.67 18.09l-23.5.54s3.89 24.96 4.43 28.49c-2.12-2.75-14.49-18.84-14.49-18.84s-60.88 45.3-61.88 46.04c-.52-1.04-9.42-19.07-9.98-20.21c1.29-.25 26.07-5.08 26.07-5.08l41.67-68.52s-37.38 22.03-39.44 23.24c.61-2.38 19.53-76.41 19.53-76.41l-81.96 80.51l20.96 105.42s92.05-45.45 95.77-47.28c-1.79 2.44-13.08 17.85-13.36 18.22c-.46.04-15.76 1.27-15.76 1.27l24.83 13.39s20.05-21.14 20.88-22c.44.58 1.2 1.59 1.52 2.02c-.53.6-17.85 20.5-18.12 20.81c-.41.03-15.03 1.25-15.03 1.25l22.98 13.75s20.07-20.62 20.89-21.53c.33.44 1.26 1.67 1.57 2.07c-.51.58-17.06 19.44-17.33 19.74c-.39.05-13.52 1.66-13.52 1.66l20.77 13.7s19.93-20.01 20.75-20.89c.48.64 1.57 2.09 1.92 2.55c-.53.61-15.87 18.45-16.14 18.76c-.41.04-15.29 1.56-15.29 1.56l23.2 14.34s15.89-17.11 17.54-18.88c0 2.37-.02 25.11-.02 25.47c-.24.29-19.24 23.3-19.25 23.3c-.02-.06-24.57 9.81-25.88 10.34c-.43-.24-32.02-18.04-32.02-18.04l-12.73-73.77l-25.69 90.42l21.29-8.4c.48.39 46.59 38.28 46.59 38.28l49.42-10.89l37.29-42.73s-.18-52.3-.18-53.23c.92-.1 26.73-2.72 26.73-2.72l2.04-25.95s-9.34 9.64-9.6 9.91c-.39.02-24.31 1.33-25.13 1.39c-.16-.56-.65-2.29-.87-3.07c1.21-.11 29.09-3.13 29.09-3.13l1.79-25.27s-8.96 9.69-9.22 9.94c-.37.03-25.68 1.28-26.46 1.33c-.15-.55-.6-2.18-.7-2.52c1.2-.11 29.95-3.31 29.95-3.31l2.37-26.11s-9.06 10.49-9.33 10.78c-.39.03-26.98 1.39-27.8 1.45c-.16-.61-.68-2.54-.68-2.58c1.2-.1 30.33-2.9 30.33-2.9l3.45-27.07s-9.82 10.58-10.14 10.92c-.43 0-19.01-.41-22.56-.48c3.7-1.83 94.89-47.02 94.89-47.02l-69.95-80.03l-114.39 15.11z"/><g fill="#231f20"><path d="m255.29 340.38l16.2-1.75l14.8-10.49l.02 44.18l-22 2.34l-9.02-5.62z"/><path d="m253.8 371.68l9.71 6.18l22.02-2.02l-33.84 38.61l-13.25-11.37l-2.91-9.05z"/><path d="m233.16 395.48l2.68 9.16l12.64 11.6l-40.11 8.73l-4.13-11.51l3.26-7.95z"/><path d="m204.67 405.79l-3.29 7.67l3.83 12.69l-43.83-36l10.11-4.07zm-17.08-157.5l-62.65 46.59l-14.23-28.82l28.77-5.52l32.68-53.55l-34.72 20.52l20.01-73.1l-70.03 70l19.51 97.43l99.31-49.06zm67.11-33.16l75.08-21.45l-14.24-28.81l-23.11 20.86l-62.39-6.58l38.64-16.48l-70.21-28.52l98.14-13.09l65.54 74.69l-99.32 49.06zm-17.9 5.16l-13.16 16.33l-20.97.54l5.46 34.68l52.89-26.13zm77.93 82.79l-4.28 4.88l-29.17 2l-2.94-10.46l31.01-2.95l.95-13.74l-4.27 4.88l-30.42 2.08l-2.78-9.95l31.61-2.68l1.68-14.13l-4.27 4.88l-31.76 2.18l-2.75-9.84l32.03-2.82l2.33-14.08l-4.27 4.88l-33.21-.45l-56.78 28.28l-19.45 26.23l-6.46.42l12.61 6.72l21.69-23.73l6.15 8.16l-21.04 23.9l-6.46.43l12.24 7.24l21.34-23.47l6.21 8.27l-20.14 22.89l-6.48.42l11.5 7.58l21.18-22.83l6.54 8.69l-19.34 21.97l-6.46.42l11.6 7.3l20.25-21.64l1.8 2.46l15.95-2.2l15.08-10.92l-1.76-4.7l29.49-2.92zm-145.66 79.35l-27.01 11.12l18.87-68.91z"/></g><path fill="#fff" d="M294.8 91.26H148.24v10.84h146.49z"/><path fill="#d7282f" d="M422.62 91.26H294.8l-.07 10.84h118.56c2.82-4.05 6.02-7.61 9.33-10.84"/><path fill="#00833e" d="M148.24 91.26H20.95c3.32 3.23 6.51 6.79 9.33 10.84h117.96z"/></svg>

Abarth アイコンの使い方

React

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

<Icon icon="thesvg-color:abarth" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:abarth" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:abarth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--abarth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:abarth"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:abarth"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/abarth.svg" alt="Abarth アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →