Aperture アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:aperture

Aperture アイコン(et:aperture)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 32 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32c8.822 0 16-7.178 16-16S24.822 0 16 0S0 7.178 0 16s7.178 16 16 16M7.71 3.51c-.877 2.364-1.313 4.809-1.246 7.287c.05 1.798.357 3.599.917 5.355a19.8 19.8 0 0 0 2.032 4.416a.5.5 0 0 0 .85-.527q-.165-.267-.325-.541a18.8 18.8 0 0 1-1.604-3.651a18.4 18.4 0 0 1-.87-5.079c-.071-2.608.416-5.183 1.473-7.714q.074-.18.153-.356C11.16 1.62 13.507 1 16 1c2.393 0 4.648.577 6.657 1.578c-2.48.423-4.809 1.267-6.919 2.563a19.3 19.3 0 0 0-4.179 3.471a19.6 19.6 0 0 0-2.809 3.969a.5.5 0 1 0 .882.469a18.6 18.6 0 0 1 2.665-3.765a18.4 18.4 0 0 1 3.964-3.293a18.45 18.45 0 0 1 7.354-2.572q.22-.029.44-.053c3.917 2.507 6.588 6.776 6.897 11.686c-1.606-1.935-3.501-3.53-5.678-4.709a19.4 19.4 0 0 0-5.097-1.884a19.4 19.4 0 0 0-4.843-.448a.501.501 0 0 0 .019 1h.019a18.4 18.4 0 0 1 4.593.425c1.707.373 3.334.975 4.833 1.786c2.295 1.244 4.281 2.953 5.958 5.151q.107.14.211.282A14.99 14.99 0 0 1 24.29 28.49c.877-2.364 1.313-4.809 1.246-7.287a19.4 19.4 0 0 0-.917-5.355a19.8 19.8 0 0 0-2.032-4.416a.5.5 0 0 0-.849.527q.165.267.325.541a18.8 18.8 0 0 1 1.604 3.651a18.4 18.4 0 0 1 .87 5.079c.071 2.607-.416 5.183-1.473 7.714q-.075.179-.153.356A14.9 14.9 0 0 1 16 31c-2.393 0-4.648-.577-6.657-1.578c2.479-.423 4.809-1.267 6.919-2.563a19.3 19.3 0 0 0 4.179-3.471a19.5 19.5 0 0 0 2.809-3.97a.5.5 0 1 0-.883-.469a18.5 18.5 0 0 1-2.666 3.765a18.4 18.4 0 0 1-3.963 3.293a18.45 18.45 0 0 1-7.354 2.572q-.22.029-.44.053c-3.917-2.507-6.588-6.776-6.897-11.686c1.606 1.935 3.501 3.53 5.678 4.709a19.4 19.4 0 0 0 5.097 1.884a19.5 19.5 0 0 0 4.843.449a.5.5 0 0 0 .481-.519c-.01-.275-.205-.505-.519-.481a18.3 18.3 0 0 1-4.593-.425a18.4 18.4 0 0 1-4.833-1.786c-2.295-1.244-4.281-2.953-5.958-5.151q-.107-.14-.211-.282A15 15 0 0 1 7.71 3.51"/></svg>

Aperture アイコンの使い方

React

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

<Icon icon="et:aperture" width="24" />

Vue

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

<template>
  <Icon icon="et:aperture" width="24" />
</template>

Svelte

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

<Icon icon="et:aperture" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:aperture"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/aperture.svg" alt="Aperture アイコン" width="24" height="24">

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Elegant アイコンをすべて見る →