Ikon Discover

brandico:discover

Ikon Discover (brandico:discover) adalah ikon SVG gratis dari set Brandico karya Fontello. Ikon ini digambar pada grid 1000 × 1000. Brandico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Brandico
Pembuat: Fontello
Lisensi: CC-BY-SA-3.0
Ukuran: 1000 × 1000

Download SVG

Kode SVG

<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>

Cara memakai ikon Discover

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>

Gambar HTML

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

Ikon Discover di set ikon lain

FAQ Ikon Discover

Apakah ikon Discover gratis untuk penggunaan komersial?

Ya. Brandico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Discover di React?

Pasang @iconify/react lalu render <Icon icon="brandico:discover" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Discover ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/brandico/discover.svg" alt="Ikon Discover">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Brandico →