ICONYZ
日本語
SVG Logos の Unbounce Icon アイコン

Unbounce Icon アイコン

logos:unbounce-icon

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

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 256
タグ
unbounceicon
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#303030" d="M128 0c70.737 0 128 57.263 128 128s-57.263 128-128 128S0 198.737 0 128S57.263 0 128 0m29.835 42.346c-5.294-1.684-11.068.481-13.955 5.052a81.5 81.5 0 0 0-15.399-1.443c-45.473 0-82.045 36.812-82.045 82.045c0 31.76 18.045 59.429 44.511 72.902c-.721 5.293 2.647 10.587 7.94 12.512c1.203.48 2.647.721 3.85.721c1.925 0 3.85-.48 5.534-1.443c1.924-.963 3.368-2.406 4.571-4.331c.481-.722.963-1.444 1.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338 23.338L169.865 99.85c5.533 7.94 8.661 17.804 8.661 28.15c0 22.135-13.955 40.662-33.443 47.64l-11.309 34.165c42.587-3.128 76.03-38.497 76.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128 77.474c1.444 0 3.128 0 4.571.24l-31.759 92.872C86.857 161.444 77.474 145.805 77.474 128c0-27.91 22.616-50.526 50.526-50.526"/></svg>

Unbounce Icon アイコンの使い方

React

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

<Icon icon="logos:unbounce-icon" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:unbounce-icon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/unbounce-icon.svg" alt="Unbounce Icon アイコン" width="24" height="24">

SVG Logos の関連アイコン

Unbounce Icon アイコン のよくある質問

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

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

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

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

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

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

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