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

Opensearch Icon アイコン

logos:opensearch-icon

Opensearch Icon アイコン(logos:opensearch-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
タグ
opensearchicon
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#005eb8" d="M246.95 94a9.05 9.05 0 0 0-9.05 9.05c0 74.476-60.374 134.85-134.85 134.85a9.05 9.05 0 1 0 0 18.1C187.522 256 256 187.522 256 103.05a9.05 9.05 0 0 0-9.05-9.05"/><path fill="#003b5c" d="M192.326 152c8.703-14.198 17.12-33.129 15.464-59.632C204.36 37.47 154.636-4.179 107.682.335c-18.38 1.767-37.255 16.75-35.578 43.587c.729 11.662 6.437 18.546 15.714 23.838c8.83 5.037 20.173 8.228 33.033 11.844c15.534 4.37 33.553 9.277 47.401 19.483c16.598 12.231 27.944 26.41 24.074 52.913"/><path fill="#005eb8" d="M15.674 56C6.971 70.198-1.446 89.129.21 115.632c3.43 54.899 53.154 96.546 100.108 92.033c18.38-1.767 37.255-16.75 35.578-43.587c-.729-11.662-6.437-18.546-15.714-23.838c-8.83-5.037-20.173-8.228-33.033-11.844c-15.534-4.37-33.553-9.277-47.401-19.483C23.15 96.682 11.804 82.503 15.674 56"/></svg>

Opensearch Icon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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