Palm Background アイコン

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

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

token-branded:palm-background

Palm Background アイコン(token-branded:palm-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
タグ: palmbackground

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="#45651c" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M19.059 12a7.06 7.06 0 1 1-14.118-.001a7.06 7.06 0 0 1 14.118 0M12 10.351c-.155-.39-.47-1.365-.47-2.117c0-.753.315-1.883.47-2.353c.155.47.47 1.6.47 2.353c0 .752-.315 1.727-.47 2.117m.47-.235c.391-.786 1.6-2.353 3.295-2.353zm.471.47c.786-.155 2.636-.14 3.765 1.177c-1.096-.39-3.388-1.176-3.765-1.176m-.235.236c.786.315 2.447 1.317 2.824 2.823zm-1.412 0c-.86.235-2.635 1.13-2.823 2.823c.706-.86 2.259-2.635 2.823-2.823m-.235-.236c-.861-.155-2.823-.14-3.765 1.177c.786-.47 2.636-1.365 3.765-1.176M8.236 7.765c.705 0 2.352.47 3.294 2.353c-.786-.786-2.542-2.353-3.294-2.353m-.942 1.647c1.647-.47 3.2-.047 4.706 1.647c1.506-1.694 3.059-2.118 4.706-1.647c-1.642-.165-3.539.499-4.598 1.774c1.243 1.492 1.346 3.407.245 4.73a4.04 4.04 0 0 0 1.53 1.026a.59.59 0 0 1 .706.235c-.189 0-.551.315-.706.47c-.377 0-.316-.315-.236-.47A4.4 4.4 0 0 1 12 16.282c-.423.376-.974.687-1.647.894c.08.155.141.47-.235.47c-.155-.155-.518-.47-.706-.47a.59.59 0 0 1 .706-.235a4 4 0 0 0 1.53-1.026c-1.102-1.318-.998-3.238.244-4.73c-1.059-1.275-2.955-1.939-4.598-1.774M12 11.326a3.46 3.46 0 0 0-.706 1.85a3.45 3.45 0 0 0 .706 2.32c.509-.662.76-1.487.706-2.32a3.45 3.45 0 0 0-.706-1.85m-3.628 4.245h-.447l-.075.188h-.184l.381-.94h.203l.376.94h-.179zm-.047-.127l-.174-.438l-.174.438zm1.002.193H8.97v-.814h-.174v.94h.531zm1.261.127v-.941H10.4l-.367.739l-.376-.74h-.189v.942h.18v-.645l.324.645h.118l.33-.645v.645zm-3.058-.527a.26.26 0 0 0-.132-.377a.5.5 0 0 0-.207-.037h-.367v.94h.174v-.38h.188a.45.45 0 0 0 .217-.043a.25.25 0 0 0 .122-.103zm-.189-.019a.27.27 0 0 1-.15.038h-.193v-.306h.188c.137 0 .202.047.202.15a.14.14 0 0 1-.047.118m9.365-.395l-.357.602v.339h-.18v-.339l-.362-.602h.198l.254.46l.25-.46zm-1.694.753h.456l.076.188h.188l-.39-.941h-.203l-.39.94h.188zm.226-.565l.179.433h-.353zm-.598.094c0 .047-.01.094-.037.132a.3.3 0 0 1-.123.108a.6.6 0 0 1-.221.038h-.198v.38h-.178v-.94h.376q.12.001.212.037a.28.28 0 0 1 .174.245zm-.381.15a.26.26 0 0 0 .15-.037a.14.14 0 0 0 .048-.113q0-.155-.198-.155h-.198v.306z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Palm Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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