Ícone Sass
bxl:sass
O ícone Sass (bxl:sass) é um ícone SVG gratuito da coleção Boxicons Brands de Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons Brands 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
- Boxicons Brands
- Autor
- Boxicons
- Licença
- MIT
- Tamanho
- 24 × 24
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 2c5.522 0 10 4.478 10 10s-4.478 10-10 10S2 17.522 2 12S6.478 2 12 2m-1.987 13.332c.146.537.13 1.039-.021 1.493l-.054.15a2.8 2.8 0 0 1-.527.821c-.582.633-1.394.872-1.742.671c-.375-.219-.188-1.112.487-1.825c.726-.765 1.766-1.258 1.766-1.258v-.002zm8.258-9.051c-.452-1.777-3.397-2.362-6.185-1.371c-1.656.589-3.453 1.515-4.743 2.723c-1.536 1.434-1.78 2.684-1.68 3.206c.355 1.843 2.881 3.048 3.92 3.942v.005c-.307.149-2.548 1.274-3.072 2.438c-.563 1.225.088 2.101.513 2.212c1.313.363 2.662-.3 3.388-1.374c.699-1.051.638-2.4.337-3.063c.413-.112.899-.162 1.524-.086c1.751.199 2.101 1.3 2.024 1.75c-.074.449-.436.711-.561.786s-.163.101-.151.151c.013.074.076.074.175.063c.138-.025.914-.375.951-1.227c.037-1.074-.988-2.273-2.813-2.25c-.75.014-1.226.076-1.563.214a.3.3 0 0 0-.088-.088c-1.125-1.213-3.213-2.063-3.125-3.675c.025-.588.237-2.137 4-4.012c3.088-1.538 5.551-1.112 5.977-.175c.61 1.336-1.314 3.825-4.526 4.187c-1.225.138-1.862-.337-2.026-.513c-.174-.188-.198-.2-.261-.161c-.101.05-.038.212 0 .313c.1.249.487.688 1.163.912c.587.188 2.024.299 3.75-.375c1.937-.749 3.449-2.838 3.012-4.588z"/></svg>
Como usar o ícone Sass
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:sass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:sass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:sass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--sass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:sass"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:sass"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/bxl/sass.svg" alt="Ícone Sass" width="24" height="24">
O ícone Sass em outras coleções
Perguntas frequentes sobre Ícone Sass
O ícone Sass é grátis para uso comercial?
Sim. Boxicons Brands icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sass no React?
Instale @iconify/react e renderize <Icon icon="bxl:sass" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sass a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bxl/sass.svg" alt="Ícone Sass">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Boxicons Brands →
ICONYZ
