Ícone Cassette Bold Duotone
solar:cassette-bold-duotone
O ícone Cassette Bold Duotone (solar:cassette-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Dispositivos
- Tags
- cassettebold, boldduotone, cassetteboldduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 4V8H10.772C9.43116 8 8.76073 8 8.24681 7.64385C7.73289 7.2877 7.49749 6.65997 7.02669 5.40449L6.5 4H12Z" clip-rule="evenodd" opacity=".5"/><path d="M16.9733 5.40449L17.5 4H12V8H13.228C14.5688 8 15.2393 8 15.7532 7.64385C16.2671 7.2877 16.5025 6.65997 16.9733 5.40449Z" opacity=".5"/><path fill-rule="evenodd" d="M3.17157 5.17138C2 6.34295 2 8.22857 2 11.9998C2 15.771 2 17.6567 3.17157 18.8282C4.34315 19.9998 6.22876 19.9998 10 19.9998H14C17.7712 19.9998 19.6569 19.9998 20.8284 18.8282C22 17.6567 22 15.771 22 11.9998C22 8.22857 22 6.34295 20.8284 5.17138C20.0914 4.43431 19.0717 4.16095 17.4776 4.05957L16.9733 5.4043C16.5025 6.65977 16.2671 7.28751 15.7532 7.64366C15.2393 7.99981 14.5688 7.99981 13.228 7.99981H10.772C9.43116 7.99981 8.76073 7.99981 8.24681 7.64366C7.73289 7.28751 7.49749 6.65978 7.02669 5.40431L6.52241 4.05957C4.92835 4.16095 3.90865 4.43431 3.17157 5.17138ZM8.25 11.5C7.00736 11.5 6 12.5074 6 13.75C6 14.9926 7.00736 16 8.25 16C9.49264 16 10.5 14.9926 10.5 13.75C10.5 12.5074 9.49264 11.5 8.25 11.5ZM15.75 11.5C14.5074 11.5 13.5 12.5074 13.5 13.75C13.5 14.9926 14.5074 16 15.75 16C16.9926 16 18 14.9926 18 13.75C18 12.5074 16.9926 11.5 15.75 11.5Z" clip-rule="evenodd"/></g></svg>
Como usar o ícone Cassette Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cassette-bold-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cassette-bold-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cassette-bold-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cassette-bold-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cassette-bold-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cassette-bold-duotone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/cassette-bold-duotone.svg" alt="Ícone Cassette Bold Duotone" width="24" height="24">
Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Cassette Bold Duotone
O ícone Cassette Bold Duotone é grátis para uso comercial?
Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cassette Bold Duotone no React?
Instale @iconify/react e renderize <Icon icon="solar:cassette-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cassette Bold Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/cassette-bold-duotone.svg" alt="Ícone Cassette Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Solar →
ICONYZ
