Ícone 360 Outline
teenyicons:360-outline
O ícone 360 Outline (teenyicons:360-outline) é um ícone SVG gratuito da coleção Teenyicons de smhmd. Ele é desenhado em uma grade de 15 × 15. Teenyicons 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
- Teenyicons
- Autor
- smhmd
- Licença
- MIT
- Tamanho
- 15 × 15
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m4.5 5.5l.4.3a.5.5 0 0 0-.4-.8zM3 7.5l-.4-.3A.5.5 0 0 0 3 8zm9.736-4.646l.382.323zM2 6h2.5V5H2zm2.1-.8l-1.5 2l.8.6l1.5-2zM3 8h.5V7H3zm.5 1H2v1h1.5zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 5 8.5zM3.5 8a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 3.5 7zM8 5h-.5v1H8zM6 6.5v1h1v-1zm0 1v1h1v-1zM7.5 7h-1v1h1zM9 8.5A1.5 1.5 0 0 0 7.5 7v1a.5.5 0 0 1 .5.5zM7.5 10A1.5 1.5 0 0 0 9 8.5H8a.5.5 0 0 1-.5.5zm0-1a.5.5 0 0 1-.5-.5H6A1.5 1.5 0 0 0 7.5 10zm0-4A1.5 1.5 0 0 0 6 6.5h1a.5.5 0 0 1 .5-.5zM12 6.5v2h1v-2zm-1 2v-2h-1v2zm.5.5a.5.5 0 0 1-.5-.5h-1a1.5 1.5 0 0 0 1.5 1.5zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 13 8.5zM11.5 6a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 11.5 5zm0-1A1.5 1.5 0 0 0 10 6.5h1a.5.5 0 0 1 .5-.5zm-4 9A6.5 6.5 0 0 1 1 7.5H0A7.5 7.5 0 0 0 7.5 15zM14 7.5A6.5 6.5 0 0 1 7.5 14v1A7.5 7.5 0 0 0 15 7.5zM7.5 0A7.5 7.5 0 0 0 0 7.5h1A6.5 6.5 0 0 1 7.5 1zm6 3a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 2zm0 1a.5.5 0 0 1-.5-.5h-1A1.5 1.5 0 0 0 13.5 5zm-.5-.5c0-.123.044-.235.118-.323l-.763-.646c-.221.261-.355.6-.355.969zm.118-.323A.5.5 0 0 1 13.5 3V2c-.46 0-.871.207-1.145.531zM7.5 1c1.934 0 3.671.844 4.862 2.186l.748-.664A7.48 7.48 0 0 0 7.5 0zm5.854 3.67c.414.856.646 1.815.646 2.83h1c0-1.17-.268-2.277-.746-3.265zM14 3.5a.5.5 0 0 1-.348.477l.304.952A1.5 1.5 0 0 0 15 3.5zm-.348.477A.5.5 0 0 1 13.5 4v1a1.5 1.5 0 0 0 .456-.07z"/></svg>Como usar o ícone 360 Outline
React
import { Icon } from "@iconify/react";
<Icon icon="teenyicons:360-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="teenyicons:360-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="teenyicons:360-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--360-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:360-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="teenyicons:360-outline"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/teenyicons/360-outline.svg" alt="Ícone 360 Outline" width="24" height="24">Ícones relacionados em Teenyicons
Perguntas frequentes sobre Ícone 360 Outline
O ícone 360 Outline é grátis para uso comercial?
Sim. Teenyicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone 360 Outline no React?
Instale @iconify/react e renderize <Icon icon="teenyicons:360-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone 360 Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/teenyicons/360-outline.svg" alt="Ícone 360 Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.