Expo アイコン

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

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

logos:expo

Expo アイコン(logos:expo)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 145 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 145

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="145" viewBox="0 0 512 145"><path fill="#000020" d="M66.678 46.541c1.151-1.696 2.41-1.912 3.433-1.912s2.724.216 3.875 1.912c9.07 12.46 24.043 37.277 35.088 55.585c7.202 11.939 12.734 21.108 13.869 22.275c4.26 4.381 10.104 1.65 13.499-3.318c3.343-4.892 4.27-8.327 4.27-11.992c0-2.496-48.427-92.562-53.304-100.059C82.718 1.822 81.19 0 73.162 0h-6.007c-8.003 0-9.16 1.821-13.85 9.032C48.428 16.53 0 106.595 0 109.092c0 3.664.928 7.099 4.27 11.99c3.396 4.97 9.24 7.7 13.5 3.32c1.135-1.168 6.667-10.337 13.87-22.276C42.683 83.818 57.607 59 66.677 46.54m321.165-7.145c19.946 0 35.807 18.007 35.807 40.279s-15.861 40.437-35.807 40.437c-10.68 0-19.003-4.423-24.343-12.479v36.488h-22.144V40.974H363.5v10.9c5.34-8.056 13.664-12.48 24.343-12.48m84.11 0C494.567 39.395 512 56.77 512 79.832s-17.434 40.279-40.047 40.279c-22.774 0-40.05-17.218-40.05-40.28c0-23.061 17.276-40.436 40.05-40.436M241.753 7.96v22.43h-44.131v19.903h39.263v22.43H197.62V96.1h44.131v22.43h-67.374V7.961zm36.033 33.013l12.72 18.323l12.879-18.323h26.385L303.7 78.409l27.954 40.121h-26.699L290.35 97.523l-14.606 21.008H249.36l27.797-39.963l-26.07-37.594zM382.818 60.56c-10.837 0-19.318 8.372-19.318 19.113c0 10.899 8.48 19.113 19.318 19.113c10.679 0 19.317-8.372 19.317-19.113c0-10.583-8.638-19.113-19.317-19.113m89.136.158c-10.526 0-18.376 8.056-18.376 19.113c0 10.74 7.85 18.955 18.376 18.955c10.363 0 18.375-8.214 18.375-18.955c0-11.057-8.012-19.113-18.375-19.113"/></svg>

Expo アイコンの使い方

React

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

<Icon icon="logos:expo" width="24" />

Vue

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

<template>
  <Icon icon="logos:expo" width="24" />
</template>

Svelte

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

<Icon icon="logos:expo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:expo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/expo.svg" alt="Expo アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →