Odysee アイコン

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

はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa7-brands:odysee

Odysee アイコン(fa7-brands:odysee)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome Brands
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 640

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M470.7 527c-42.3 30.8-94.4 49-150.7 49c-111.1 0-205.7-70.8-241.1-169.8c2.4 1.7 5.9 3.6 7.9 4.4c16.3 7.4 40.1-5.4 62.9-28.7c6.9-6.9 14.4-12.4 22.8-17.3c18.3-11.9 37.6-20.8 58.4-27.2c0 0 22.3 34.2 43.1 74.8s-22.3 54-27.2 54c-.3 0-.8 0-1.5-.1c-11-.5-70-3-56 51.1c14.9 57.4 97.5 36.6 139.6 8.9s31.7-118.3 31.7-118.3c41.1-6.4 54 37.1 57.9 59.4c.8 4.6 1.1 9.9 1.4 15.5c1.1 21.2 2.3 45.6 35.3 46.4c5.3 0 10.6-.8 15.5-2zm-95.3-23.7c-2-.5-3.5-2.5-3-5c1-2.5 3-3.5 5-3s3.5 3 3 5s-2.5 3.5-5 3m-207-95.6c1.5-.5 3.5 1 4 3c0 2-1 4-3 4c-1.5.5-3.5-1-4-3c-.5-1.5 1-3.5 3-4M515.8 485c37.5-44.6 60.2-102.2 60.2-165c0-67.5-26.1-128.9-68.8-174.7c-.1 23.5-6.1 48.2-16.8 69.2c-11.9 20.3-49 58.9-69.8 78.7c-.7.3-1.1.9-1.5 1.4c-.2.2-.3.4-.5.6c-5 6.9-4 16.8 3 21.8c21.3 15.8 56.4 45.6 59.4 72.8c3.5 34.9 27.9 75.6 34.2 86.2c.8 1.3 1.3 2.1 1.4 2.4c0 2.2-.4 4.3-.8 6.5zm-61.1-170c-.5 3 1 5.9 4 6.4s5.9-1 6.4-4s-1-5.9-4-6.4c-3-1-5.9 1-6.4 4m61.4-60.9l-11.4 5.4l-3 12.9l-5.4-11.4l-12.9-3l11.4-5.4l3-12.9l5.4 11.4zm-56.6-148.8c-16.2 8.2-22.1 32.8-29 61.4c-.3 1.4-.7 2.8-1 4.2c-9.5 38.5-30.6 37.6-41.7 37.2c-1.1 0-2-.1-2.9-.1c-5.1 0-6-4-8.9-17.1c-2.6-12.1-6.9-32-17.9-63.6c-22.7-65.8-82.7-49.4-128.2-22.2c-55.3 33.1-34.4 101.9-19.8 149.4c.7 2.2 1.4 4.4 2 6.6c-4 4-13.8 7.5-26 11.9c-12.1 4.3-26.6 9.5-40.3 16.9c-33.9 18-70.3 49-79.8 62.6c-1.3-10.7-2-21.5-2-32.5C64 178.6 178.6 64 320 64c51.4 0 99.4 15.2 139.5 41.3M122.9 253.6c-1.5-2-4.5-3-6.4-1.5s-3 4.5-1.5 6.4s4.5 3 6.4 1.5c2.5-1.5 3-4.5 1.5-6.4m268.4-124.7c2-1.5 5-.5 6.4 1.5c1.5 2.5 1 5.4-1.5 6.4c-2 1.5-5 .5-6.4-1.5s-.5-5 1.5-6.4M159.1 169c-.5 1.5.5 3 2 3c1.5.5 3-.5 3-2c.5-1.5-.5-3-2-3s-3 .5-3 2m84.7-.5c-3.5-43.1 37.1-54 37.1-54c44.1-15.4 56 5.9 66.4 37.6s3 42.6-38.6 58.9s-61.9-4.5-64.9-42.6zm89.6 14.9h1c2.5 0 5-2 5-5c2-6.9 1-14.4-2-20.8c-1.5-2-4-3.5-6.4-2.5c-3 1-4.5 4-3.5 6.9c2 4.5 3 9.9 1.5 14.9c-.5 3 1.5 5.9 4.5 6.4zm-9.9-41.6c-2 0-4-1-5-3s-2-3.5-3-5c-2-2-2-5.4 0-7.4s5.4-2 7.4 0c2 2.5 3.5 5 5 7.4s.5 5.9-2.5 7.4c-.6 0-1 .2-1.3.3c-.2.1-.4.2-.6.2z"/></svg>

Odysee アイコンの使い方

React

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

<Icon icon="fa7-brands:odysee" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:odysee" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:odysee" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--odysee]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:odysee"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-brands:odysee"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-brands/odysee.svg" alt="Odysee アイコン" width="24" height="24">

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

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

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

はい。Font Awesome Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome Brands アイコンをすべて見る →