Ícone Kaaba
la:kaaba
O ícone Kaaba (la:kaaba) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, 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
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Religião
- Tags
- kaaba solid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-.214 0-.428.035-.633.104L5.025 8.55A1.5 1.5 0 0 0 4 9.973V22.89a1.5 1.5 0 0 0 1.137 1.455l10.379 2.593a2 2 0 0 0 .968 0l10.38-2.593A1.5 1.5 0 0 0 28 22.89V9.973c0-.646-.412-1.218-1.025-1.422L16.633 5.104A2 2 0 0 0 16 5m0 2l10 3.332v2.545l-9.2-2.758a2.77 2.77 0 0 0-1.6 0L6 12.877v-2.545zm0 4.633q.243 0 .482.068L26 14.56v7.94L16 25L6 22.5v-7.941l9.525-2.858q.232-.069.475-.068m-.78 1.373a.3.3 0 0 0-.128.004l-3.332.908a.28.28 0 0 0-.201.268v.582c0 .184.174.31.35.267l3.333-.908c.117-.033.2-.15.2-.275v-.575a.28.28 0 0 0-.221-.271zm1.561 0a.28.28 0 0 0-.222.271v.577c0 .133.084.242.2.275l3.333.906c.175.05.35-.082.35-.265v-.584a.28.28 0 0 0-.2-.266l-3.334-.908a.3.3 0 0 0-.127-.006m-6.56 1.365a.3.3 0 0 0-.13.006l-2.775.758a.276.276 0 0 0-.207.267v.575c0 .184.175.317.35.267l2.783-.758a.28.28 0 0 0 .2-.267v-.574a.28.28 0 0 0-.221-.274m11.56 0a.28.28 0 0 0-.222.274v.574c0 .125.084.234.2.267l2.784.758c.175.05.35-.084.35-.267v-.575a.28.28 0 0 0-.21-.267l-2.775-.758a.3.3 0 0 0-.127-.006"/></svg>
Como usar o ícone Kaaba
React
import { Icon } from "@iconify/react";
<Icon icon="la:kaaba" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:kaaba" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:kaaba" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--kaaba]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:kaaba"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:kaaba"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/kaaba.svg" alt="Ícone Kaaba" width="24" height="24">
O ícone Kaaba em outras coleções
Perguntas frequentes sobre Ícone Kaaba
O ícone Kaaba é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Kaaba no React?
Instale @iconify/react e renderize <Icon icon="la:kaaba" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Kaaba a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/kaaba.svg" alt="Ícone Kaaba">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Line Awesome →
ICONYZ
