Icono Square Dashed Bold Duotone

solar:square-dashed-bold-duotone

El icono Square Dashed Bold Duotone (solar:square-dashed-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Interfaz
Etiquetas: squaredashed, dashedbold, boldduotone, squaredashedboldduotone

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.2154 21.2427C14.6293 21.2385 14.9687 21.5709 14.9732 21.9849C14.9775 22.3989 14.645 22.7382 14.231 22.7427C13.5496 22.7501 12.807 22.7505 12.0005 22.7505C11.1939 22.7505 10.4506 22.7501 9.76908 22.7427C9.35521 22.738 9.02357 22.3988 9.02786 21.9849C9.03237 21.5707 9.37155 21.2383 9.78568 21.2427C10.4574 21.25 11.1919 21.2505 12.0005 21.2505C12.8091 21.2505 13.5437 21.25 14.2154 21.2427ZM2.20755 17.8951C2.60684 17.7856 3.01973 18.0202 3.12943 18.4195C3.31872 19.1087 3.59473 19.6045 3.99564 20.0054C4.39673 20.4064 4.89285 20.6823 5.58255 20.8716C5.98177 20.9813 6.21641 21.3942 6.10697 21.7935C5.99734 22.1929 5.58454 22.4285 5.18509 22.3189C4.29632 22.075 3.55482 21.6856 2.93509 21.0659C2.31567 20.4465 1.92613 19.7052 1.68216 18.8169C1.57252 18.4175 1.80816 18.0047 2.20755 17.8951ZM20.8726 18.4185C20.9822 18.019 21.395 17.7835 21.7945 17.8931C22.1937 18.0028 22.4283 18.4157 22.3189 18.815C22.0749 19.7038 21.6857 20.4462 21.066 21.0659C20.4466 21.6852 19.705 22.074 18.8169 22.3179C18.4176 22.4274 18.0048 22.1927 17.8951 21.7935C17.7853 21.3941 18.021 20.9813 18.4204 20.8716C19.1093 20.6824 19.6046 20.4061 20.0054 20.0054C20.4065 19.6043 20.6833 19.1082 20.8726 18.4185ZM21.2505 12.0005C21.2505 11.1919 21.25 10.4574 21.2427 9.78567C21.2382 9.37148 21.5707 9.03237 21.9849 9.02786C22.399 9.02337 22.7381 9.35496 22.7427 9.76907C22.7501 10.4506 22.7505 11.1939 22.7505 12.0005C22.7505 12.8069 22.7501 13.5496 22.7427 14.231C22.7382 14.6451 22.3991 14.9777 21.9849 14.9732C21.5707 14.9687 21.2382 14.6286 21.2427 14.2144C21.25 13.5428 21.2505 12.8089 21.2505 12.0005ZM17.8941 2.20657C18.0037 1.80713 18.4165 1.57156 18.816 1.68118C19.7047 1.92512 20.4462 2.31443 21.066 2.93411C21.6854 3.55352 22.0739 4.29493 22.3179 5.18314C22.4276 5.58256 22.1929 5.9953 21.7935 6.10501C21.3941 6.21461 20.9814 5.9799 20.8716 5.5806C20.6823 4.8914 20.4063 4.39557 20.0054 3.99466C19.6043 3.59356 19.1083 3.31775 18.4185 3.12845C18.0191 3.01884 17.7846 2.60596 17.8941 2.20657Z"/><path d="M1.25 12C1.25 11.1936 1.2504 10.4509 1.25781 9.76953C1.26232 9.35534 1.60144 9.02284 2.01562 9.02734C2.42968 9.0319 2.76121 9.37111 2.75684 9.78516C2.74952 10.4569 2.75 11.1913 2.75 12C2.75 12.8086 2.74952 13.5431 2.75684 14.2148C2.76116 14.6288 2.42965 14.9681 2.01562 14.9727C1.60144 14.9772 1.26232 14.6447 1.25781 14.2305C1.2504 13.5491 1.25 12.8064 1.25 12ZM5.18359 1.68262C5.58291 1.57313 5.99482 1.80772 6.10449 2.20703C6.21411 2.60641 5.97946 3.01921 5.58008 3.12891C4.89115 3.31818 4.39593 3.59435 3.99512 3.99512C3.594 4.39624 3.31724 4.89223 3.12793 5.58203C3.0182 5.98132 2.60541 6.21605 2.20605 6.10645C1.80676 5.99672 1.57204 5.58393 1.68164 5.18457C1.92554 4.29599 2.31409 3.55421 2.93359 2.93457C3.55302 2.31514 4.29535 1.92658 5.18359 1.68262ZM14.2305 1.25781C14.6447 1.26232 14.9772 1.60144 14.9727 2.01562C14.9681 2.42968 14.6289 2.76121 14.2148 2.75684C13.5431 2.74952 12.8087 2.75 12 2.75C11.1914 2.75 10.4569 2.74952 9.78516 2.75684C9.37116 2.76116 9.0319 2.42965 9.02734 2.01562C9.02284 1.60144 9.35534 1.26232 9.76953 1.25781C10.4509 1.2504 11.1936 1.25 12 1.25C12.8064 1.25 13.5491 1.2504 14.2305 1.25781Z" opacity=".5"/></g></svg>

Cómo usar el icono Square Dashed Bold Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="solar:square-dashed-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:square-dashed-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:square-dashed-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-dashed-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:square-dashed-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:square-dashed-bold-duotone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/square-dashed-bold-duotone.svg" alt="Icono Square Dashed Bold Duotone" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Square Dashed Bold Duotone

¿El icono Square Dashed Bold Duotone es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Square Dashed Bold Duotone en React?

Instala @iconify/react y renderiza <Icon icon="solar:square-dashed-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Square Dashed Bold Duotone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/square-dashed-bold-duotone.svg" alt="Icono Square Dashed Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →