Oblio icon

thesvg-color:oblio

The Oblio icon (thesvg-color:oblio) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 192 × 192 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 192 × 192

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="#fbb363" d="M92.5-.5h3q16.863 3.483 34 7v1h-70z" opacity=".979"/><path fill="#ef5260" d="M60.5 7.5h69q1.248 1.243-1 2.5a78.7 78.7 0 0 0-12 9q.834.575 1 1.5a5.73 5.73 0 0 0-3 1q.257-1.488-1-2a622 622 0 0 1-53-12"/><path fill="#f48574" d="M129.5 7.5v-1a193 193 0 0 1 32 19a744 744 0 0 1-44-5q-.166-.925-1-1.5a78.7 78.7 0 0 1 12-9q2.248-1.257 1-2.5" opacity=".983"/><path fill="#f8bb15" d="M59.5 7.5h1a622 622 0 0 0 53 12a5295 5295 0 0 1-64 14a4.93 4.93 0 0 1-3-.5a267 267 0 0 0 11-24.5q.513-1.257 2-1"/><path fill="#f79327" d="M57.5 8.5a267 267 0 0 1-11 24.5q1.422.725 3 .5v1h-4q-11.614.945-22-2a592 592 0 0 1 34-24"/><path fill="#f39e52" d="M113.5 19.5q1.257.512 1 2a315 315 0 0 0-8 34h-2a2099 2099 0 0 1-55-21v-1q32.22-6.84 64-14"/><path fill="#ed384f" d="M117.5 20.5a744 744 0 0 0 44 5q1.257.512 1 2a1096 1096 0 0 0-56 28a315 315 0 0 1 8-34a5.73 5.73 0 0 1 3-1"/><path fill="#fbb15c" d="M23.5 32.5q10.386 2.945 22 2a906 906 0 0 0-24.5 26a182 182 0 0 1-20.5 19a1539 1539 0 0 1 23-47" opacity=".996"/><path fill="#ef473e" d="M45.5 34.5h4a2099 2099 0 0 0 55 21A2737 2737 0 0 1 4.5 80q-.834.575-1 1.5q-1.487-.257-2 1h-2v-2q1 0 1-1a182 182 0 0 0 20.5-19a906 906 0 0 1 24.5-26"/><path fill="#ae2948" d="M162.5 27.5a175704 175704 0 0 0-74 59a4.93 4.93 0 0 1 .5-3a237 237 0 0 0 16.5-28h1a1096 1096 0 0 1 56-28"/><path fill="#e32292" d="M188.5 67.5q0 1-1 1a1313 1313 0 0 0-66 11h-1q25.5-21.489 52-42a323 323 0 0 1 16 30" opacity=".999"/><path fill="#f26a23" d="M104.5 55.5h1a237 237 0 0 1-16.5 28a4.93 4.93 0 0 0-.5 3q0 1-1 1q-1.663-1.185-4-1.5a6435 6435 0 0 1-80-4.5q.166-.925 1-1.5a2737 2737 0 0 0 100-24.5"/><path fill="#b41d8d" d="m187.5 68.5l-1 2a4.93 4.93 0 0 0-3 .5a5420 5420 0 0 1-73 52.5a530 530 0 0 1 11-44a1313 1313 0 0 1 66-11"/><path fill="#b84198" d="m186.5 70.5l-33 50h-1a938 938 0 0 0-43 4q0-1 1-1a5420 5420 0 0 0 73-52.5a4.93 4.93 0 0 1 3-.5"/><path fill="#4262ad" d="M188.5 67.5q1.473 5.193 1 11q-1.203-2.177-1.5-5a824 824 0 0 0-15 79q.625-1.884 2.5-2l-4 8a1341 1341 0 0 1-18-38l33-50l1-2q1 0 1-1"/><path fill="#27498d" d="M189.5 78.5a329 329 0 0 0 2 15v22a562 562 0 0 0-16 35q-1.875.116-2.5 2a824 824 0 0 1 15-79q.297 2.823 1.5 5"/><path fill="#e32191" d="M120.5 79.5h1a530 530 0 0 0-11 44q-1 0-1 1q-22.99.913-46 1v-1a1843 1843 0 0 1 57-45" opacity=".999"/><path fill="#ee2e3d" d="M1.5 82.5q.513-1.257 2-1a6435 6435 0 0 0 80 4.5q2.337.315 4 1.5a280 280 0 0 1-27.5 21a4656 4656 0 0 1-58.5-26" opacity=".999"/><path fill="#ef4f84" d="M-.5 97.5a587373 587373 0 0 1 64 27v1q-1 0-1 1l-34 15q-1.488.257-2-1q-11.43-21.216-27-41z" opacity=".999"/><path fill="#f38374" d="M-.5 99.5q15.57 19.784 27 41a232 232 0 0 1-18-9.5q-1.875-1.11-3 .5a303 303 0 0 1-6-26z" opacity=".983"/><path fill="#8b4c9e" d="M152.5 120.5a65810 65810 0 0 0-52 39h-1a730 730 0 0 0 10-35a938 938 0 0 1 43-4"/><path fill="#5e98d1" d="M152.5 120.5h1a1341 1341 0 0 0 18 38q-.5 1.5-2 2a2761 2761 0 0 0-69-1a65810 65810 0 0 1 52-39"/><path fill="#cf81b6" d="M109.5 124.5a730 730 0 0 1-10 35q0 1-1 1a340 340 0 0 0-36-34q0-1 1-1a1280 1280 0 0 0 46-1"/><path fill="#ab4398" d="M62.5 126.5a750 750 0 0 1-28 44a302 302 0 0 1-6-29z"/><path fill="#823c94" d="M62.5 126.5a340 340 0 0 1 36 34q0 1-1 1l-61 9.5q-.834.575-1 1.5h-1v-2a750 750 0 0 0 28-44"/><path fill="#a22b6d" d="M26.5 140.5q.512 1.257 2 1a302 302 0 0 0 6 29v2a905 905 0 0 1-29-41q1.125-1.61 3-.5a232 232 0 0 0 18 9.5" opacity=".999"/><path fill="#2272b9" d="M99.5 159.5h1q34.497.069 69 1l-3 2q.045-1.496-1.5-2A3438 3438 0 0 0 76.5 190q2.337.315 4 1.5h-8l25-30q1 0 1-1q1 0 1-1"/><path fill="#613089" d="m97.5 161.5l-25 30h-2a882 882 0 0 1-35-19q.166-.925 1-1.5z" opacity=".999"/><path fill="#254c8f" d="M166.5 162.5a59711 59711 0 0 1-41 26.5q-17.72 1.405-35 2.5h-10q-1.663-1.185-4-1.5a3438 3438 0 0 1 88.5-29.5q1.545.504 1.5 2" opacity=".994"/></svg>

How to use the Oblio icon

React

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

<Icon icon="thesvg-color:oblio" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:oblio" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:oblio" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--oblio]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:oblio"></div>

Web component

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

<iconify-icon icon="thesvg-color:oblio"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/oblio.svg" alt="Oblio icon" width="24" height="24">

Oblio icon FAQ

Is the Oblio icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Oblio icon in React?

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

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

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

Browse all theSVG Color icons →