Logo Android アイコン
f7:logo-android
Logo Android アイコン(f7:logo-android)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- logoandroid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M42.172 19.581v20.637a3.434 3.434 0 0 1-3.253 3.437l-.189.005h-2.283v7.04a3.17 3.17 0 0 1-3.01 3.188l-.183.005a3.17 3.17 0 0 1-3.187-3.01l-.005-.183l-.001-7.04h-4.253v7.04a3.17 3.17 0 0 1-3.01 3.188l-.183.005a3.17 3.17 0 0 1-3.187-3.01l-.005-.183v-7.04H17.14a3.434 3.434 0 0 1-3.437-3.252l-.005-.19V19.581zm-32.855-.547a3.173 3.173 0 0 1 3.188 3.01l.005.182v13.299a3.174 3.174 0 0 1-3.193 3.192a3.173 3.173 0 0 1-3.187-3.01l-.005-.182V22.226a3.174 3.174 0 0 1 3.192-3.192m37.236 0a3.173 3.173 0 0 1 3.187 3.01l.005.182v13.299a3.174 3.174 0 0 1-3.192 3.192a3.173 3.173 0 0 1-3.188-3.01l-.005-.182V22.226a3.174 3.174 0 0 1 3.193-3.192M36.774 2.279q.113 0 .215.058a.44.44 0 0 1 .211.54l-.035.076l-2.249 4.063c4.231 2.202 7.12 6.341 7.251 11.114l.005.327H13.698c.005-4.802 2.8-8.999 6.969-11.288l.286-.153l-2.249-4.063a.44.44 0 0 1 .176-.616a.444.444 0 0 1 .568.105l.048.071l2.279 4.107a15.2 15.2 0 0 1 6.16-1.29c2.048 0 3.997.4 5.757 1.119l.403.171l2.278-4.107a.45.45 0 0 1 .401-.234m-15.41 8.59c-.65 0-1.188.538-1.188 1.188s.538 1.188 1.188 1.188s1.188-.538 1.188-1.188s-.538-1.188-1.188-1.188m13.142 0c-.65 0-1.188.538-1.188 1.188s.538 1.188 1.188 1.188s1.188-.538 1.188-1.188s-.538-1.188-1.188-1.188"/></svg>
Logo Android アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:logo-android" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:logo-android" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:logo-android" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--logo-android]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:logo-android"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:logo-android"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/logo-android.svg" alt="Logo Android アイコン" width="24" height="24">
他のアイコンセットの Logo Android アイコン
Logo Android アイコン のよくある質問
Logo Android アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo Android アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:logo-android" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo Android アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/logo-android.svg" alt="Logo Android アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
