Discover icon

brandico:discover

The Discover icon (brandico:discover) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 1000 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Brandico
Author: Fontello
License: CC-BY-SA-3.0
Size: 1000 × 1000

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M45.938 186c-25.69 0-46.532 20.814-46.532 46.5v535c0 25.689 20.844 46.5 46.532 46.5h906.968c25.69 0 46.5-20.814 46.5-46.5v-535c0-25.689-20.812-46.5-46.5-46.5zm479.937 176.781c.678-.017 1.349 0 2.031 0c43.67 0 79.063 35.387 79.063 79.063c0 43.675-35.394 79.094-79.063 79.094s-79.062-35.419-79.062-79.094c0-42.993 34.305-77.98 77.031-79.063m-249.563 3.469c15.675 0 30.042 5.38 42.032 15.875L303.75 401.25c-7.27-8.152-14.146-11.594-22.5-11.594c-12.028 0-20.781 6.835-20.781 15.844c0 7.726 4.915 11.836 21.656 18.031c31.73 11.607 41.125 21.899 41.125 44.625c0 27.695-20.323 46.969-49.313 46.969c-21.221 0-36.68-8.381-49.53-27.25l18.03-17.344c6.42 12.425 17.134 19.063 30.438 19.063c12.442 0 21.656-8.567 21.656-20.156c0-6.008-2.769-11.17-8.344-14.813c-2.806-1.724-8.363-4.304-19.28-8.156c-26.2-9.435-35.188-19.51-35.188-39.219c0-23.412 19.289-41 44.594-41zm131.22 0c12 0 22.094 2.565 34.343 8.75v32.688c-11.603-11.298-21.69-16.032-35-16.032c-26.162 0-46.719 21.595-46.719 48.938c0 28.845 19.936 49.125 48.031 49.125c12.648 0 22.533-4.479 33.688-15.594v32.688c-12.686 5.948-22.988 8.312-35 8.312c-42.478 0-75.469-32.48-75.469-74.344c0-41.413 33.863-74.531 76.125-74.531zm-352.876 2.344h41.25c45.578 0 77.344 29.158 77.344 71.031c0 20.879-9.724 41.072-26.156 54.469c-13.833 11.308-29.586 16.375-51.406 16.375H54.656zm131.375 0h26.75v141.875h-26.75zm409.313 0h30.406l38.063 95.969l38.562-95.97h30.188l-61.657 146.532h-15zm148.843 0h79.063v24.031h-51.219v31.5h49.344v24.031h-49.344v38.281h51.219v24.032h-79.063zm98.844 0h41.438c32.246 0 50.75 15.312 50.75 41.875c0 21.723-11.597 35.976-32.657 40.219l45.125 59.78h-34.406l-38.687-57h-3.657v57h-27.906V368.595zm28.094 22.344v43.187h8.094c17.681 0 27.062-7.7 27.062-22.031c0-13.874-9.382-21.156-26.625-21.156zM82.75 392.5v94.063h7.531c18.18 0 29.693-3.437 38.531-11.313c9.737-8.541 15.563-22.186 15.563-35.844c0-13.625-5.826-26.86-15.563-35.406c-9.29-8.3-20.352-11.5-38.53-11.5zm904.469 134.188s.28 152.372-.344 232.468c-.055 7.01-2.621 18.107-10.594 27.344s-20.373 13.558-27.781 13.531s-724.094 0-724.094 0C716.298 715.174 987.22 526.688 987.22 526.688z"/></svg>

How to use the Discover icon

React

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

<Icon icon="brandico:discover" width="24" />

Vue

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

<template>
  <Icon icon="brandico:discover" width="24" />
</template>

Svelte

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

<Icon icon="brandico:discover" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:discover"></div>

Web component

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

<iconify-icon icon="brandico:discover"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/brandico/discover.svg" alt="Discover icon" width="24" height="24">

Discover icon in other icon sets

Discover icon FAQ

Is the Discover icon free for commercial use?

Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Discover icon in React?

Install @iconify/react and render <Icon icon="brandico:discover" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Discover icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/discover.svg" alt="Discover icon">, or paste the SVG code inline to style it with CSS.

Browse all Brandico icons →