Adminer アイコン
simple-icons:adminer
Adminer アイコン(simple-icons:adminer)は、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="M22.521 8.297a.53.53 0 0 1-.53.53a.53.53 0 0 1-.531-.53a.53.53 0 0 1 .53-.53a.53.53 0 0 1 .531.53m-1.085-6.122c-.264-.008-.438.01-.438.01l.076.836s.577-.045 1.12.107c.272.076.521.198.689.369s.277.382.277.758c0 .196-.052.296-.139.39a1 1 0 0 1-.378.232c-.312.113-.65.116-.65.116l-.422-.002v2.174h.84V5.758c.177-.017.25.004.517-.092c.241-.087.502-.223.714-.455A1.42 1.42 0 0 0 24 4.255c0-.565-.208-1.03-.518-1.346s-.697-.488-1.061-.59a4.2 4.2 0 0 0-.985-.144M17.892 3.79l-2.874 2.487l2.886 2.451l.544-.64l-2.14-1.817l2.133-1.846zM6.587 5.108c-1.734 0-3.302.186-4.47.5c-.584.157-1.068.343-1.438.579s-.679.56-.679 1v12.56c0 .287.145.54.337.73c.191.191.437.343.732.48c.59.275 1.39.49 2.37.641c1.96.305 4.335.305 6.295 0c.98-.152 1.78-.366 2.37-.64c.296-.138.54-.29.732-.48s.337-.444.337-.731V7.187c0-.44-.309-.765-.68-1c-.37-.236-.853-.422-1.437-.579c-1.167-.314-2.736-.5-4.47-.5Zm0 .84c1.672 0 3.187.185 4.25.471c.533.143.953.315 1.207.476c.253.161.29.274.29.292s-.037.13-.29.29c-.254.162-.674.334-1.206.477c-1.064.287-2.579.472-4.251.472s-3.188-.185-4.252-.472c-.532-.143-.952-.315-1.205-.476c-.254-.162-.29-.273-.29-.291s.036-.13.29-.292c.253-.161.673-.333 1.205-.476c1.064-.286 2.58-.471 4.252-.471M.839 8.25c.352.2.76.374 1.278.514c1.168.314 2.736.5 4.47.5s3.302-.186 4.47-.5a5.4 5.4 0 0 0 1.276-.514v3.123c0 .01 0 .047-.09.135a1.8 1.8 0 0 1-.493.313c-.475.221-1.217.429-2.145.573c-1.856.288-4.181.288-6.038 0c-.928-.144-1.67-.352-2.144-.573a1.8 1.8 0 0 1-.494-.313c-.088-.088-.09-.126-.09-.135Zm0 4.182c.083.047.137.107.23.15c.59.276 1.39.49 2.37.642c1.96.304 4.335.304 6.295 0c.98-.152 1.78-.366 2.37-.642c.093-.043.147-.103.23-.15v3.127c0 .01-.002.047-.09.135a1.8 1.8 0 0 1-.494.314c-.475.221-1.217.429-2.145.573c-1.856.288-4.181.288-6.038 0c-.928-.144-1.67-.352-2.144-.573a1.8 1.8 0 0 1-.494-.314c-.088-.088-.09-.126-.09-.135zm0 4.187c.083.047.137.107.23.15c.59.275 1.39.49 2.37.642c1.96.304 4.335.304 6.295 0c.98-.153 1.78-.367 2.37-.642c.093-.043.147-.103.23-.15v3.127c0 .01-.002.047-.09.135a1.8 1.8 0 0 1-.494.314c-.475.221-1.217.429-2.145.573c-1.856.288-4.181.288-6.038 0c-.928-.144-1.67-.352-2.144-.573a1.8 1.8 0 0 1-.494-.314c-.088-.088-.09-.126-.09-.135Z"/></svg>Adminer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:adminer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:adminer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:adminer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--adminer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:adminer"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:adminer"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/adminer.svg" alt="Adminer アイコン" width="24" height="24">他のアイコンセットの Adminer アイコン
Adminer アイコン のよくある質問
Adminer アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Adminer アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:adminer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Adminer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/adminer.svg" alt="Adminer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。