Ícone S Oil

thesvg-color:s-oil

O ícone S Oil (thesvg-color:s-oil) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 1219 × 1000. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG Color
Autor: thesvg.org
Licença: MIT
Tamanho: 1219 × 1000
Tags: soil

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1219" height="1000" viewBox="0 0 1219 1000"><defs><linearGradient id="SVGpL57IdJx" x2="1" gradientTransform="rotate(-32.938 1252.82 -980.888)scale(368.368 196.94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fecb03"/><stop offset=".53" stop-color="#fdbd0f"/><stop offset="1" stop-color="#fbaf16"/></linearGradient><linearGradient id="SVGnvb77cEO" x2="1" gradientTransform="rotate(111.501 282.684 365.182)scale(309.101 190.005)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".447" stop-color="#fec608"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="SVGkMKIGbwY" x2="1" gradientTransform="rotate(76.35 32.588 430.22)scale(313.885 165.907)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".481" stop-color="#fec706"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="SVGkbBPukYY" x2="1" gradientTransform="rotate(38.784 -697.75 570.357)scale(313.037 192.664)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".598" stop-color="#fec607"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="SVGZNNmue7o" x2="1" gradientTransform="rotate(-5.156 9918.59 -412.95)scale(581.472 365.49)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".601" stop-color="#fec706"/><stop offset="1" stop-color="#fecb03"/></linearGradient><clipPath id="SVGNZHKPbKy" clipPathUnits="userSpaceOnUse"><path d="M1218.96 222.72c-76.74-18.72-248.06-3.54-378.01 81.98c-153.67 101.16-187.13 284.1-187.13 284.1c198.12-258.23 485.75-185.93 485.75-185.93s29.48-22.18 57.35-83.46c23.42-51.56 22.04-96.69 22.04-96.69"/></clipPath><clipPath id="SVGjOq1werc" clipPathUnits="userSpaceOnUse"><path d="M806.34.34c-71.88 32.73-197.18 150.67-246.5 298.22c-58.36 174.64 28.31 339.14 28.31 339.14c-3.74-325.59 267.04-446.6 267.04-446.6s9.52-35.72-6.45-101.06C835.36 34.97 806.37.34 806.34.34"/></clipPath><clipPath id="SVGfyjUVbtB" clipPathUnits="userSpaceOnUse"><path d="M344.54 80.78c-36.27 70.18-61.85 240.4-9.46 386.96c62.02 173.27 231.83 248.95 231.83 248.95c-204.12-253.63-66.1-516.23-66.1-516.23s-14.61-33.95-67.57-75.53c-44.51-34.89-88.7-44.15-88.7-44.15"/></clipPath><clipPath id="SVGolc1wcRu" clipPathUnits="userSpaceOnUse"><path d="M32.97 427.16c14.51 77.63 98.87 227.7 230.23 311.03c155.4 98.54 335.74 53.8 335.74 53.8c-316.77-74.49-369.25-366.52-369.25-366.52s-32.34-17.79-99.62-18.05c-56.62-.15-97.1 19.74-97.1 19.74"/></clipPath><clipPath id="SVGRXIGU7FR" clipPathUnits="userSpaceOnUse"><path d="M.53 896.51c59.53 51.92 218.71 117.26 373.33 101.09c183.05-19.09 296.76-166.17 296.76-166.17c-294.65 138.19-516.79-58.37-516.79-58.37s-36.45 6.08-89.3 47.74c-44.56 34.94-64 75.71-64 75.71"/></clipPath></defs><g clip-path="url(#SVGNZHKPbKy)"><path fill="url(#SVGpL57IdJx)" d="M651.61 202.78v85.51l.63.08c.8 14.17 2.34 25.19 4.31 31.56c-5.98 4.19-5.64 5.83 1.67 5.9c6.03.08 10.97 5.62 10.97 12.35c0 6.79 38.44 4.84 28.57 17.68c-143.77 187.07-795.58 809.25 221.96 169.29c23.57-14.82 33.09 48.33 43.2 53.4c5.49 2.76 26.73 5.36 55.4 7.26l1.66 4.11h203.14V396.35l129.31-193.57c71.62-106.99-183.72-87.47-281.83-55.46l-133.23 55.46z"/></g><g clip-path="url(#SVGjOq1werc)"><path fill="url(#SVGnvb77cEO)" d="M493.34-8.4V92.8c0 21.84-.2 39.13 0 52.85v17.53l-161.1 18.22v150.36l1.98-.41c.86 13 2.08 23.4 3.82 31.56c-1.64 1.12-3.3 2.24-4.65 3.41c-1.8 1.56 2.47 8.52 9.46 15.52c5.95 5.95 11.13 8.6 20.93 8.16c9.8-.08 186.19 394.32 178.8 410.15c-132.63 284.29 345.11-181.17 262.88-361.42c-15.39-33.78 44.92 29.69 46.85 21.86q.59-2.42 1.74-4.16q.57-.83 1.25-1.48c2.21-2.21 5.2-2.7 7.98-.99h.02c10.9 6.74 10.51-2.05 3.3-14.53c2.99-30.79 118.03-125.79 118.03-231.56V84.16L871.41-8.4c-21.29-158.6-112.98-49.55-189.04 0z"/></g><g clip-path="url(#SVGfyjUVbtB)"><path fill="url(#SVGkMKIGbwY)" d="M238.79-51.14L138.65 202.72v17.92c0 39.54-.65 68.46 0 88.63v217.65L486.98 912l2.26-3.32c.54 48.51-203.45-246.82-202.72-223.6c-2.19 13.02-3.44 23.14-3.18 26.91c.89 12.58 1.49 12.5 4.94-.6c2.16-8.19 9-12.98 15.21-10.58c7.49 2.88 17.76-15.53 30.7-54.99c10.71-32.63 228.18 233.01 248.56 242.97c140.79 68.77 221.05 14.76 130.92-108.03c-.89-1.17 2.91-1.02 4.55-1.69c4.08-1.72 8.55-4.16 13.12-7c8.48-5.09 17.34-11.44 24.08-17.7c3.17-2.92 5.79-5.46 8.11-8.14c8.73-8.97-190.71-352.46-193.68-355.42c-.41-.42-1.01-.73-1.56-1.07c1.46-7.3 2.39-16.95 3.02-30.31l1.17-.24V136.45L528.93-26.78l.16-8.11l.44-16.25H383.85z"/></g><g clip-path="url(#SVGolc1wcRu)"><path fill="url(#SVGkbBPukYY)" d="M-55.39 313.64c-324.65 121.11 57.32 241.9 82.72 311.48v220.45l25.06-.49H308.9l-.29-2.05c10.84-.76 19.71-1.82 26.96-3.25c4.24 7.69 9.49 5.35 21.21-6.37q3.05-3.02 4.87-7.18c5.45-8.92-13.34 81.07 4.41 89.39c918.62 430.95 71.86-399.18 180.19-450.63c21.91-10.4 44.11-26.71 49.7-38.61l10.04-21.22H363.08L247.75 278.77L89.38 265.72z"/></g><g clip-path="url(#SVGRXIGU7FR)"><path fill="url(#SVGZNNmue7o)" d="M154.22 604.55c-13.91.03-29.95.13-48.51.13H70.04l-77.86 161.2l-100.16 140.66l100.16 114.53l75.16 108.94h123.59c117.99 276.67 464.11-91.26 685.03-113.3l-1.97-2.73c16.74-.71 29.74-1.51 38.21-2.45c11.99 7.7 19.29 8.17 12.4-2.96c-2.75-4.47.91-9.41 8.14-11c9.75-2.13 4.21-14.2-21.5-46.67c-21.32-26.99-42.37-68.35-54.8-107.64c-11.07-35.1-495.03-220.74-500.67-220.82c-3.41-.05-7.2-2.03-10.37-4.81q-.31-.44-.57-.93q-.24-.5-.42-1.04q-.18-.52-.26-1.07q-.1-.55-.1-1.12c0-.75-1.3-1.45-3.7-2.1q-.02-.06-.05-.11c-.67-1.4-1.19-1.4-1.58-.28c-5.75-1.3-16.77-2.4-31.72-3.31l-.39-2.99H175.17q-2.62-.05-5.25-.07q-2.6-.03-5.23-.03q-2.62-.03-5.25-.03z"/></g></svg>

Como usar o ícone S Oil

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:s-oil"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/s-oil.svg" alt="Ícone S Oil" width="24" height="24">

Ícones relacionados em theSVG Color

Perguntas frequentes sobre Ícone S Oil

O ícone S Oil é grátis para uso comercial?

Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone S Oil no React?

Instale @iconify/react e renderize <Icon icon="thesvg-color:s-oil" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone S Oil a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/s-oil.svg" alt="Ícone S Oil">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG Color →