ICONYZ
日本語
SVG Logos の Autoit アイコン

Autoit アイコン

logos:autoit

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

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 256
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><circle cx="128" cy="128" r="114.75" fill="#5d83ac"/><path fill="#f0f0f0" d="M0 128C0 57.308 57.308 0 128 0s128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128M128 25.5C71.39 25.5 25.5 71.39 25.5 128S71.39 230.5 128 230.5S230.5 184.61 230.5 128S184.61 25.5 128 25.5"/><path fill="#f0f0f0" d="m206.41 166l-58.52-84.7q-3.08-4.478-7.49-7.49q-4.41-3.01-10.99-3.01q-6.861 0-11.34 3.22q-4.481 3.221-7.42 7.28L50.59 166h34.3l43.96-62.16l16.8 24.78a377 377 0 0 1 4.97 7.21q2.589 3.851 4.55 6.37q-3.361-.28-7.91-.28h-32.27L97.49 166z"/></svg>

Autoit アイコンの使い方

React

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

<Icon icon="logos:autoit" width="24" />

Vue

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

<template>
  <Icon icon="logos:autoit" width="24" />
</template>

Svelte

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

<Icon icon="logos:autoit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--autoit]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:autoit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/autoit.svg" alt="Autoit アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

SVG Logos アイコン をすべて見る →