Ícone Rock
fluent-emoji-high-contrast:rock
O ícone Rock (fluent-emoji-high-contrast:rock) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.502 1.017c-.62-.051-1.184.004-1.77.282a2.9 2.9 0 0 0-.744.464l-.291.22l-.013.062l-.978 1.033L6.03 8.991l-.002.002a2.5 2.5 0 0 0-.344.453l-.147.154l-1.68 3.766l-.243.545l-1.64 3.033a1 1 0 0 0-.048.096c-.2.378-.328.774-.4 1.18l-.003.019l-.544 3.96l.522 1.568v.001a8.3 8.3 0 0 0 2.023 3.273l.93.93a8.2 8.2 0 0 0 2.174 1.569l1.362.676l.003.002a8.3 8.3 0 0 0 3.758.886h.002L15 31.096v.008h8.726c.89-.015 1.918-.468 2.522-1.157a4.4 4.4 0 0 0 .577-.64l.077-.104l3.318-3.778a3.2 3.2 0 0 0 .744-2.69l-.117-.627a4 4 0 0 0-.077-.56v-.005l-.417-2.115l.006-.008l-.928-4.668v-.001a4.35 4.35 0 0 0-1.626-2.631l-3.63-3.227l-2.31-4.273l-.018-.028c-.421-.672-.8-1.224-1.314-1.655c-.526-.442-1.125-.703-1.88-.95l-1.247-.44l-.51-.179l-.007-.002l-.09-.035a6 6 0 0 0-.303-.104a5 5 0 0 0-.973-.208l-.01-.001zM23.7 29.104H17v-3.177l9.195-1.451l2.7-1.929l.101.546v.002c.066.366-.034.733-.276 1.007l-3.376 3.844l-.128.173l-.002.002q-.151.206-.34.372l-.047.042l-.078.089l-.003.002c-.214.247-.698.47-1.046.478m-12.19-8.49l4.49 4.49l-11-3l.79-3.13c.13-.56.48-1.03.97-1.33l4.24-2.54v4.28c0 .46.18.9.51 1.23m-.51-5.51l-2.605-5.69l4.757-4.953l.068-.072zm7.18 5.44c-.66-.3-1-1.05-.79-1.75l2.17-7.228l7.812 3.216q.06.171.096.353v.002l.753 3.79l-.004.006l.495 2.515l-2.907 2.076l-.792.126zm1.67-9.94l.15-.5l.692-3.448l1.892 3.498l3.3 2.934zm-16.463 12.5h1.48L15 25.867v3.229l-3.25.008h-.002a6.3 6.3 0 0 1-2.857-.673l-1.376-.683l-.003-.001a6.2 6.2 0 0 1-1.645-1.19l-.93-.93A6.34 6.34 0 0 1 3.4 23.14zM16.18 3.237l.565.198c.327.114.773.272 1.252.441l.012.004l.012.004c.678.222.991.386 1.227.584c.205.172.4.41.693.855L19.03 9.86l-2.597 8.645a2.46 2.46 0 0 0 1.334 2.948l4.23 1.922l-5.633.677l-4.146-4.146a.73.73 0 0 1-.217-.523v-4.178l2.497-12.052c.099-.055.18-.088.253-.11c.13-.038.296-.057.577-.035c.197.022.403.074.572.126a4 4 0 0 1 .243.086l.009.004zM3.74 17.89l.017-.031v-.002l1.65-3.051l1.767-3.966a.7.7 0 0 1 .129-.206l.367-.401l2.048 4.473l-3.472 2.08l-.008.005a3.12 3.12 0 0 0-1.42 1.946l-.597 2.367H3.147l.35-2.554a2 2 0 0 1 .223-.623l.005-.009z"/></svg>
Como usar o ícone Rock
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:rock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:rock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:rock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:rock"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rock.svg" alt="Ícone Rock" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Rock em outras coleções
Perguntas frequentes sobre Ícone Rock
O ícone Rock é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rock no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:rock" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rock a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rock.svg" alt="Ícone Rock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
