Ícone Origin

thesvg:origin

O ícone Origin (thesvg:origin) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
Autor: thesvg.org
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.588 3.11a8.8 8.8 0 0 1 3.417.919a8.8 8.8 0 0 1 2.706 2.094a9.1 9.1 0 0 1 1.715 2.963a8.65 8.65 0 0 1 .465 3.502a8.2 8.2 0 0 1-.307 1.848a9 9 0 0 1-.674 1.703a20 20 0 0 1-1.47 2.412a17.6 17.6 0 0 1-1.762 2.118a18.6 18.6 0 0 1-4.286 3.281l-.037.026a.2.2 0 0 1-.109.023a.3.3 0 0 1-.159-.097a.27.27 0 0 1-.062-.173q0-.045.012-.085a.2.2 0 0 1 .037-.062q.416-.59.686-1.235a5.4 5.4 0 0 0 .368-1.359a.12.12 0 0 0-.038-.085a.11.11 0 0 0-.085-.038a9 9 0 0 1-.795.062a5 5 0 0 1-.796-.037a8.82 8.82 0 0 1-6.123-3.013a9.1 9.1 0 0 1-1.715-2.963a8.7 8.7 0 0 1-.465-3.502a8.2 8.2 0 0 1 .306-1.848a8.6 8.6 0 0 1 .675-1.68q.66-1.296 1.469-2.436a18 18 0 0 1 1.76-2.119A18.8 18.8 0 0 1 11.609.05l.038-.025a.2.2 0 0 1 .11-.025a.3.3 0 0 1 .157.098a.26.26 0 0 1 .062.174a.2.2 0 0 1-.012.084a.2.2 0 0 1-.036.061a6.5 6.5 0 0 0-.687 1.237q-.269.649-.366 1.358q0 .05.036.086a.12.12 0 0 0 .085.037q.393-.05.795-.06q.407-.014.798.034zm-.807 12.367a3.32 3.32 0 0 0 2.521-.855a3.4 3.4 0 0 0 1.176-2.4a3.36 3.36 0 0 0-.856-2.535a3.3 3.3 0 0 0-2.4-1.162a3.36 3.36 0 0 0-2.534.855a3.3 3.3 0 0 0-1.164 2.4a3.38 3.38 0 0 0 .846 2.535q.942 1.09 2.411 1.162"/></svg>

Como usar o ícone Origin

React

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

<Icon icon="thesvg:origin" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:origin" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:origin" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:origin"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/origin.svg" alt="Ícone Origin" width="24" height="24">

O ícone Origin em outras coleções

Perguntas frequentes sobre Ícone Origin

O ícone Origin é grátis para uso comercial?

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

Como uso o ícone Origin no React?

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

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

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

Ver todos os Ícones theSVG →