Ícone Macaron 16
qlementine-icons:macaron-16
O ícone Macaron 16 (qlementine-icons:macaron-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine 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
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Forma
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m9.57 2.02l-.677-.497c-.604-.444-.691-.486-.753-.502a.6.6 0 0 0-.286 0c-.061.016-.148.058-.753.502l-.677.497l-.034.025c-.151.111-.3.221-.466.31a2.6 2.6 0 0 1-.456.188a4 4 0 0 1-.548.111l-.042.007l-.83.127c-.741.114-.833.145-.887.177a.6.6 0 0 0-.202.202c-.032.054-.064.146-.177.887l-.127.83l-.007.042a4 4 0 0 1-.11.548a2.6 2.6 0 0 1-.19.456c-.088.166-.198.315-.309.466l-.025.034l-.497.677c-.444.604-.486.691-.502.753a.6.6 0 0 0 0 .286c.016.061.058.148.502.753l.497.677l.025.034c.111.151.221.3.31.466q.116.22.188.456a4 4 0 0 1 .111.548l.007.042l.127.83c.114.741.145.833.177.887a.6.6 0 0 0 .202.202c.054.032.146.064.887.177l.83.127l.042.007c.185.028.368.056.548.11q.237.074.456.19c.166.088.315.198.466.309l.034.025l.677.497c.604.444.691.486.753.502a.6.6 0 0 0 .286 0c.061-.016.148-.058.753-.502l.677-.497l.034-.025c.151-.111.3-.22.466-.31a2.6 2.6 0 0 1 .456-.188a4 4 0 0 1 .548-.111l.042-.007l.83-.127c.741-.114.833-.145.887-.177a.6.6 0 0 0 .202-.202c.032-.054.064-.146.177-.887l.127-.83l.007-.042c.028-.185.056-.368.11-.548q.074-.237.19-.456c.088-.166.198-.315.309-.466l.025-.034l.497-.677c.444-.604.486-.69.502-.753a.6.6 0 0 0 0-.286c-.016-.061-.058-.148-.502-.753l-.497-.677l-.025-.034a4 4 0 0 1-.31-.466a2.6 2.6 0 0 1-.188-.456a4 4 0 0 1-.111-.548l-.007-.042l-.127-.83c-.114-.741-.145-.833-.177-.887a.6.6 0 0 0-.202-.202c-.054-.032-.146-.064-.887-.177l-.83-.127l-.042-.007a4 4 0 0 1-.548-.11a2.6 2.6 0 0 1-.456-.19c-.166-.088-.315-.198-.466-.309zM7.6.05c-.292.076-.56.272-1.09.664l-.677.497a3 3 0 0 1-.378.257a1.6 1.6 0 0 1-.279.116c-.109.033-.222.05-.449.085l-.83.127c-.655.1-.983.151-1.24.304c-.23.135-.421.327-.557.557c-.153.26-.203.588-.304 1.24l-.127.83c-.035.227-.052.341-.085.45q-.045.145-.116.278c-.054.1-.121.193-.257.378l-.497.677C.322 7.044.126 7.311.05 7.6a1.6 1.6 0 0 0 0 .787c.075.292.272.56.664 1.09l.497.677c.136.185.204.278.257.378q.07.134.116.28c.033.108.05.221.085.448l.127.83c.1.655.151.982.304 1.24c.135.23.327.422.557.557c.26.153.588.203 1.24.304l.83.127c.227.035.341.053.449.086q.145.044.279.116c.1.053.193.12.378.257l.677.497c.534.392.801.588 1.09.664c.258.067.53.067.787 0c.292-.076.56-.272 1.09-.664l.677-.497c.185-.136.278-.204.378-.257q.134-.07.28-.116c.108-.033.221-.05.448-.085l.83-.127c.655-.1.982-.151 1.24-.304c.23-.135.422-.327.557-.557c.153-.26.203-.588.304-1.24l.127-.83c.035-.228.052-.342.086-.45q.044-.145.116-.279c.053-.1.12-.193.257-.378l.497-.677c.392-.534.588-.8.664-1.09a1.6 1.6 0 0 0 0-.787c-.076-.292-.272-.56-.664-1.09l-.497-.677a3 3 0 0 1-.257-.378a1.6 1.6 0 0 1-.116-.279a3 3 0 0 1-.086-.449l-.127-.83c-.1-.655-.15-.982-.304-1.24a1.6 1.6 0 0 0-.557-.557c-.26-.153-.588-.203-1.24-.304l-.83-.127a3 3 0 0 1-.449-.085a1.5 1.5 0 0 1-.279-.116a3 3 0 0 1-.378-.257L9.477.714c-.534-.392-.8-.588-1.09-.664a1.6 1.6 0 0 0-.787 0" clip-rule="evenodd"/></svg>Como usar o ícone Macaron 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:macaron-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:macaron-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:macaron-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--macaron-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:macaron-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:macaron-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/macaron-16.svg" alt="Ícone Macaron 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Macaron 16
O ícone Macaron 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Macaron 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:macaron-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Macaron 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/macaron-16.svg" alt="Ícone Macaron 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.