Opensearch icon
logos:opensearch
The Opensearch icon (logos:opensearch) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 98 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
- 512 × 98
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path fill="#005eb8" d="M85.086 35.833a3.12 3.12 0 0 0-3.118 3.118c0 25.66-20.802 46.462-46.462 46.462a3.118 3.118 0 1 0 0 6.237c29.105 0 52.699-23.594 52.699-52.699a3.12 3.12 0 0 0-3.119-3.118"/><path fill="#003b5c" d="M66.266 55.817c2.998-4.892 5.898-11.415 5.328-20.546C70.412 16.355 53.28 2.006 37.102 3.56c-6.333.609-12.836 5.771-12.259 15.018c.251 4.018 2.218 6.39 5.414 8.213c3.043 1.736 6.951 2.835 11.382 4.081c5.352 1.506 11.56 3.196 16.332 6.713c5.719 4.214 9.628 9.1 8.295 18.231"/><path fill="#005eb8" d="M5.4 22.74C2.403 27.632-.497 34.155.073 43.286c1.182 18.916 18.315 33.265 34.492 31.71c6.334-.609 12.837-5.77 12.259-15.018c-.251-4.018-2.218-6.39-5.414-8.213c-3.042-1.735-6.951-2.835-11.382-4.08c-5.352-1.506-11.56-3.197-16.332-6.714c-5.719-4.214-9.628-9.1-8.294-18.23"/><path fill="#003b5c" d="M499.596 42.035v31.699H512V39.279c0-6.35-1.24-11.147-3.723-14.401c-2.482-3.286-6.225-4.894-11.093-4.894c-5.28 0-9.513 3.088-12.059 8.269h-.689c.188-2.675.358-4.207.482-5.326c.129-1.154.207-1.869.207-2.943V0h-12.404v73.734h13.093V48.237c0-5.718.192-9.949 1.369-12.981q1.765-4.597 6.156-4.597c3.914 0 6.257 3.636 6.257 11.376m-180.058 27.88q5.027-5.198 5.027-14.973q0-6.104-2.755-10.871q-2.706-4.769-9.62-9.346q-5.124-3.338-7.203-5.96q-2.03-2.623-2.03-6.151q0-3.576 1.692-5.627q1.74-2.097 4.931-2.098q2.9 0 5.414 1.05a41 41 0 0 1 4.883 2.383l4.35-10.394q-7.493-4.482-15.614-4.483q-8.509 0-13.584 5.246q-5.028 5.244-5.028 14.209q0 4.673 1.257 8.201a22.4 22.4 0 0 0 3.626 6.39q2.368 2.813 6.912 5.912q5.222 3.528 7.493 6.437q2.273 2.86 2.273 6.342q0 3.528-1.934 5.579q-1.885 2.05-5.656 2.05q-6.623 0-14.55-5.102v12.827q6.476 3.576 15.71 3.576q9.427 0 14.406-5.198m13.536-1.867q5.8 7.064 15.82 7.064q8.58 0 14.716-3.676V60.984q-6.519 3.866-12.751 3.866q-4.89 0-7.67-3.437c-1.854-2.323-2.678-5.679-2.774-10.42h25.496V44.04q0-11.408-5.033-17.708q-5.033-6.348-13.759-6.348q-9.347 0-14.573 7.398q-5.224 7.399-5.224 20.572q0 12.981 5.752 20.094m9.444-35.368q1.773-2.912 4.506-2.912q2.924 0 4.602 3.007c1.118 2.005 1.818 5.378 1.881 9.26h-13.092c.191-4.041.92-7.446 2.103-9.355m54.403 41.054l-2.068-6.891h-.689c-1.899 3.112-3.728 5.33-5.755 6.506q-3.044 1.763-7.68 1.763q-5.94 0-9.37-4.384q-3.38-4.383-3.38-12.198q-.001-8.385 4.636-12.436q4.685-4.097 13.958-4.526l7.147-.286V37.47q0-7.433-6.52-7.433q-4.83 0-11.108 3.717l-4.443-8.767c5.346-3.336 11.068-5.003 17.347-5.003c5.699 0 10.119 1.62 13.08 4.86q4.492 4.812 4.492 13.675v35.215zM385.993 65.2q3.527 0 5.602-3.097q2.125-3.145 2.125-8.338v-4.48l-3.96.192q-4.395.237-6.471 2.477q-2.028 2.24-2.029 6.67q0 6.576 4.733 6.576m52.273-44.184c-1.474-.475-3.67-1.033-5.206-1.033q-3.249 0-5.696 2.14c-1.632 1.426-2.877 2.801-4.258 6.129h-.689l-2.067-6.891h-9.647v52.372h13.041V46.17c0-4.628.294-7.613 1.926-10.022q2.448-3.66 7.012-3.66c1.413 0 2.64.272 3.517.589zm19.295 54.095c-6.28 0-11.089-2.098-14.37-6.712q-4.925-6.92-4.925-20.333q0-14.033 4.64-20.953c3.125-4.614 7.788-7.13 14.29-7.13c1.956 0 4.158.495 6.304 1.068s4.76 1.295 6.465 2.377l-4.288 9.985q-3.928-2.338-6.958-2.338q-4.024 0-5.824 4.247q-1.751 4.2-1.75 12.649q-.001 8.257 1.75 12.362q1.752 4.057 5.729 4.057q4.734 0 9.894-3.341v11.169c-3.313 2.068-6.949 2.893-10.957 2.893"/><path fill="#005eb8" d="M148.538 65.826q6.51-9.285 6.51-26.571t-6.462-26.524q-6.463-9.285-18.571-9.286q-12.253 0-18.763 9.239q-6.51 9.19-6.51 26.476q0 17.428 6.51 26.714q6.51 9.237 18.667 9.238q12.11 0 18.619-9.286m-27.474-8.429q-3.015-6.238-3.015-18.142q0-11.952 3.015-18.143q3.016-6.238 8.95-6.238q11.68 0 11.68 24.38q0 24.382-11.775 24.382q-5.84 0-8.855-6.239m55.601 16.334c1.769 1.02 3.672 1.38 5.946 1.38c4.865 0 8.82-2.306 11.632-7.22q4.218-7.37 4.217-20.34q0-13.161-4.075-20.34q-4.074-7.227-11.276-7.227c-4.99 0-8.902 2.972-11.524 8.269h-.689l-2.067-6.891h-9.647v76.49h12.403v-22.74c0-.894-.183-3.93-.689-8.27h.69c1.033 3.101 3.342 5.836 5.08 6.889m-3.175-39.437q1.66-3.494 5.354-3.494q3.459 0 5.07 4.116q1.659 4.116 1.659 12.444q0 16.942-6.633 16.942q-3.839 0-5.497-4.02t-1.658-12.827V45.78q.096-8.04 1.705-11.486m49.298 40.818q-10.018 0-15.819-7.064q-5.752-7.113-5.752-20.094q0-13.174 5.224-20.572q5.226-7.398 14.573-7.398q8.726 0 13.759 6.348q5.034 6.3 5.033 17.708v6.953H214.31c.096 4.741.92 8.097 2.774 10.42q2.78 3.437 7.67 3.437q6.232 0 12.75-3.866v10.452q-6.135 3.675-14.716 3.676m-1.869-45.344q-2.733 0-4.506 2.912c-1.183 1.91-1.912 5.314-2.103 9.355h13.092c-.063-3.882-.763-7.255-1.88-9.26q-1.68-3.007-4.603-3.007m49.897 12.267v31.699h12.403V39.553q0-9.592-3.627-14.58q-3.58-4.99-10.834-4.99q-4.295 0-7.493 2.111c-2.131 1.375-3.775 3.697-4.92 6.159h-.69l-1.722-6.891h-9.992v52.372h13.093V48.58c0-6.49.238-10.915 1.512-13.632q1.908-4.125 6.013-4.125q3.102 0 4.486 2.973c.923 1.983 1.77 4.369 1.77 8.238"/></svg>How to use the Opensearch icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:opensearch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:opensearch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:opensearch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--opensearch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:opensearch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:opensearch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/opensearch.svg" alt="Opensearch icon" width="24" height="24">Related icons in SVG Logos
Opensearch icon in other icon sets
Opensearch icon FAQ
Is the Opensearch 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 in React?
Install @iconify/react and render <Icon icon="logos:opensearch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Opensearch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/opensearch.svg" alt="Opensearch icon">, or paste the SVG code inline to style it with CSS.