Osmo Background アイコン

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

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

token-branded:osmo-background

Osmo Background アイコン(token-branded:osmo-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24
タグ: osmobackground

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#5e12a0" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M17.559 4.876c.925.698 1.439 1.325 1.599 1.952c.103.355.011.781-.217 1.101c-.229.32-.594.497-1.017.497q-.24 0-.48-.071a7 7 0 0 0-.229.798a7.15 7.15 0 0 1 1.109 3.841c0 3.87-3.027 7.006-6.762 7.006S4.8 16.864 4.8 12.994s3.027-7.006 6.762-7.006c.826 0 1.618.154 2.35.437a6 6 0 0 0 .494-.284a3 3 0 0 1-.171-.319c-.126-.307-.08-.816.114-1.195c.16-.32.411-.532.697-.591c.114-.024.228-.036.354-.036c.628 0 1.416.32 2.159.876m-3.243 1.72l.008-.005h.002c.366-.2.891-.544 1.496-1.04c.229.094.526.26.891.508c.434.296.811.627 1.051.888c-.399.543-.661 1.287-.821 1.808a6.85 6.85 0 0 0-2.627-2.16m-.238.315a6.2 6.2 0 0 0-2.516-.532c-3.53 0-6.385 2.958-6.385 6.615s2.855 6.616 6.385 6.616c3.518 0 6.385-2.96 6.385-6.616c0-1.18-.297-2.287-.818-3.245l-.004.05a6.9 6.9 0 0 0-3.047-2.888m.728-1.03l-.11.074a2 2 0 0 1-.153-.263c-.137-.331.023-1.195.571-1.313c.549-.119 1.405.142 2.25.78c.846.64 1.325 1.208 1.474 1.764c.135.548-.273 1.36-1.28 1.101l.035-.083c.046.012.103.012.16.012a.64.64 0 0 0 .422-.13a.49.49 0 0 0 .183-.438c0-.225-.171-.51-.525-.852a8.4 8.4 0 0 0-.937-.77c-.982-.674-1.668-.864-1.976-.544c-.205.213-.183.473-.114.663m3.175 1.362a.3.3 0 0 1 .046.153c0 .107-.034.142-.057.166a.4.4 0 0 1-.217.06a3 3 0 0 1 .228-.38M15.16 5.479c.034-.035.126-.059.274-.035a7 7 0 0 1-.343.26c-.011-.083 0-.166.069-.225" clip-rule="evenodd"/><path fill="#fff" d="M13.55 10.011c.568 0 1.028-.476 1.028-1.065c0-.588-.46-1.065-1.028-1.065s-1.028.477-1.028 1.065c0 .589.46 1.065 1.028 1.065m1.68.793c.24 0 .434-.201.434-.45a.44.44 0 0 0-.435-.45a.44.44 0 0 0-.434.45c0 .249.195.45.434.45"/><path fill="#fff" fill-rule="evenodd" d="m5.603 14.165l.037.041c.327.357.79.676 1.356.928c1.134.504 2.721.76 4.599.486c1.4-.208 2.33-.585 3.135-.912c.279-.113.543-.22.806-.312c.278-.095.55-.167.81-.232l.13-.032c.21-.052.415-.103.594-.16c.172-.053.352-.122.508-.223c-.386 3.084-2.934 5.47-6.015 5.47c-2.94 0-5.405-2.174-5.96-5.054m5.858 3.433a.326.326 0 0 1-.32.332a.326.326 0 0 1-.32-.332c0-.183.143-.331.32-.331s.32.148.32.331m1.348.166c.176 0 .32-.148.32-.331a.326.326 0 0 0-.32-.332a.326.326 0 0 0-.32.332c0 .183.143.331.32.331m-.584.52a.244.244 0 0 1-.24.25a.244.244 0 0 1-.24-.25c0-.136.108-.248.24-.248c.133 0 .24.111.24.249m1.234.072c.133 0 .24-.112.24-.249a.244.244 0 0 0-.24-.248a.244.244 0 0 0-.24.248c0 .137.108.249.24.249m-3.153-1.09a.535.535 0 0 1-.525.545a.535.535 0 0 1-.525-.544c0-.3.235-.544.525-.544s.525.243.525.544m4.17-.792c.29 0 .525-.244.525-.544s-.235-.545-.525-.545a.535.535 0 0 0-.526.545c0 .3.236.544.526.544" clip-rule="evenodd"/><path fill="#fff" d="M17.617 12.995c0-.722-1.21-1.136-2.82-1.278c-1.166-.095-2.343.023-3.69.45c-1.165.354-2.216.295-2.982.2c-1.702-.2-2.638-.224-2.638.628c0 1.23 2.421 2.769 6.054 2.236c1.839-.272 2.787-.828 3.872-1.207c1.176-.402 2.204-.39 2.204-1.03"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Osmo Background アイコンの使い方

React

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

<Icon icon="token-branded:osmo-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:osmo-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:osmo-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--osmo-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:osmo-background"></div>

Web コンポーネント

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

<iconify-icon icon="token-branded:osmo-background"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/osmo-background.svg" alt="Osmo Background アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Osmo Background アイコンのよくある質問

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

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

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

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

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

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

Web3 Icons Branded アイコンをすべて見る →