Ícone Socket Bold
solar:socket-bold
O ícone Socket Bold (solar:socket-bold) é 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
- socketbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.75 12C6.75 9.35515 8.70578 7.16709 11.25 6.80317V7.5C11.25 7.91421 11.5858 8.25 12 8.25C12.4142 8.25 12.75 7.91421 12.75 7.5V6.80317C15.2942 7.16709 17.25 9.35515 17.25 12C17.25 14.6449 15.2942 16.8329 12.75 17.1968V16.4999C12.75 16.0857 12.4142 15.7499 12 15.7499C11.5858 15.7499 11.25 16.0857 11.25 16.4999V17.1968C8.70578 16.8329 6.75 14.6449 6.75 12ZM15 12C15 12.5523 14.5523 13 14 13C13.4477 13 13 12.5523 13 12C13 11.4477 13.4477 11 14 11C14.5523 11 15 11.4477 15 12ZM10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13Z"/><path d="M3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447ZM12 5.25C8.27208 5.25 5.25 8.27208 5.25 12C5.25 15.7279 8.27208 18.75 12 18.75C15.7279 18.75 18.75 15.7279 18.75 12C18.75 8.27208 15.7279 5.25 12 5.25Z"/></g></svg>Como usar o ícone Socket Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:socket-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:socket-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:socket-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--socket-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:socket-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:socket-bold"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/socket-bold.svg" alt="Ícone Socket Bold" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Socket Bold
O ícone Socket Bold é 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 Socket Bold no React?
Instale @iconify/react e renderize <Icon icon="solar:socket-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Socket Bold a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/socket-bold.svg" alt="Ícone Socket Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.