Social Android アイコン

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

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

foundation:social-android

Social Android アイコン(foundation:social-android)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100
タグ: socialandroid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m60.623 18.128l3.36-6.136a.668.668 0 1 0-1.169-.644l-3.396 6.197a23.2 23.2 0 0 0-9.432-1.978a23.1 23.1 0 0 0-9.411 1.972l-3.398-6.184a.663.663 0 0 0-.904-.267a.66.66 0 0 0-.265.905l3.362 6.13c-6.606 3.408-11.068 9.893-11.064 17.341l43.365-.004c.002-7.446-4.452-13.92-11.048-17.332m-20.499 9.481a1.818 1.818 0 0 1 .001-3.636c1.006 0 1.819.82 1.82 1.818a1.82 1.82 0 0 1-1.821 1.818m19.746-.004a1.816 1.816 0 0 1-1.818-1.818c0-.996.814-1.816 1.818-1.82a1.83 1.83 0 0 1 1.815 1.822a1.816 1.816 0 0 1-1.815 1.816m23.139 13.433a4.813 4.813 0 1 0-9.627.002l.002 20.159a4.81 4.81 0 0 0 4.816 4.813a4.81 4.81 0 0 0 4.812-4.815zm-11.486-3.907l-43.039.008l.007 31.241a5.1 5.1 0 0 0 .546 2.267c.837 1.697 2.567 2.872 4.591 2.872h3.498l.004 10.666a4.816 4.816 0 0 0 5.781 4.717a4.82 4.82 0 0 0 3.845-4.718l-.003-10.666h6.499v10.666a4.825 4.825 0 0 0 3.848 4.715a4.816 4.816 0 0 0 5.784-4.72l-.003-10.662l3.511-.002a5.07 5.07 0 0 0 2.621-.742c1.5-.897 2.517-2.52 2.518-4.398zm-49.722-.902a4.817 4.817 0 0 0-4.814 4.814l.003 20.161a4.8 4.8 0 0 0 2.164 4.017c.761.504 1.671.8 2.651.802a4.815 4.815 0 0 0 4.813-4.819V41.042a4.817 4.817 0 0 0-4.817-4.813"/></svg>

Social Android アイコンの使い方

React

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

<Icon icon="foundation:social-android" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-android" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-android" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-android]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-android"></div>

Web コンポーネント

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

<iconify-icon icon="foundation:social-android"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/social-android.svg" alt="Social Android アイコン" width="24" height="24">

Foundation の関連アイコン

Social Android アイコンのよくある質問

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

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

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

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

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

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

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