Alby アイコン
simple-icons:alby
Alby アイコン(simple-icons:alby)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.08 9.322c-3.77 0-6.96 2.33-8.05 5.57c-.36 1.04.25 2.13 1.27 2.55c2.15.87 4.46 1.32 6.78 1.32s4.62-.45 6.78-1.32c1.02-.42 1.63-1.51 1.27-2.55c-1.09-3.24-4.29-5.57-8.05-5.57m-2.92 6.61c-1.09 0-1.97-.7-1.97-1.57s.89-1.57 1.97-1.57s1.97.7 1.97 1.57s-.88 1.57-1.97 1.57m5.63 0c-1.08 0-1.96-.7-1.96-1.57s.87-1.57 1.96-1.57s1.97.7 1.97 1.57s-.88 1.57-1.97 1.57m4.79-8.14l.91-.91c.75.42 1.67.4 2.4-.06c1.11-.69 1.44-2.14.75-3.25a2.355 2.355 0 0 0-3.25-.75a2.36 2.36 0 0 0-.76 3.25l-.92.92c-1.87-1.53-4.15-2.44-6.63-2.44s-4.81.93-6.7 2.5l-1-1c.45-.74.46-1.66.03-2.41a2.357 2.357 0 0 0-3.22-.87a2.36 2.36 0 0 0-.88 3.22a2.37 2.37 0 0 0 3.23.88l.98.98c-1.93 1.94-3.3 4.61-3.83 7.6c-.28 1.66.57 3.29 2.09 3.99c2.92 1.39 6.11 2.11 9.34 2.1c3.2 0 6.36-.7 9.25-2.06a3.7 3.7 0 0 0 2.16-3.37c0-.2-.01-.41-.05-.62c-.54-3.04-1.93-5.75-3.9-7.7m1.29 10.63a20.4 20.4 0 0 1-8.75 1.95c-3.06.01-6.08-.67-8.83-1.99a2.504 2.504 0 0 1-1.44-2.7c1.03-5.76 5.28-9.94 10.23-9.94s9.22 4.2 10.24 9.97c.19 1.12-.4 2.22-1.45 2.71"/></svg>Alby アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:alby" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:alby" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:alby" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--alby]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:alby"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:alby"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/alby.svg" alt="Alby アイコン" width="24" height="24">他のアイコンセットの Alby アイコン
Alby アイコン のよくある質問
Alby アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Alby アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:alby" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alby アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/alby.svg" alt="Alby アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。