Opensearch Icon icon
logos:opensearch-icon
The Opensearch Icon icon (logos:opensearch-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- opensearchicon
SVG code
<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>How to use the Opensearch Icon 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 component
<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 image
<img src="https://iconyz.com/api/public/svg/logos/opensearch-icon.svg" alt="Opensearch Icon icon" width="24" height="24">Related icons in SVG Logos
Opensearch Icon icon FAQ
Is the Opensearch Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Opensearch Icon icon in React?
Install @iconify/react and render <Icon icon="logos:opensearch-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Opensearch Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/opensearch-icon.svg" alt="Opensearch Icon icon">, or paste the SVG code inline to style it with CSS.