Ícone Crop Outline

solar:crop-outline

O ícone Crop Outline (solar:crop-outline) é 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: Ferramentas
Tags: cropoutline

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1.25C5.41421 1.25 5.75 1.58579 5.75 2V11C5.75 12.9068 5.75159 14.2615 5.88976 15.2892C6.02502 16.2952 6.27869 16.8749 6.7019 17.2981C7.12511 17.7213 7.70476 17.975 8.71085 18.1102C9.73851 18.2484 11.0932 18.25 13 18.25H22C22.4142 18.25 22.75 18.5858 22.75 19C22.75 19.4142 22.4142 19.75 22 19.75H19.75V22C19.75 22.4142 19.4142 22.75 19 22.75C18.5858 22.75 18.25 22.4142 18.25 22V19.75H12.9436C11.1058 19.75 9.65019 19.75 8.51098 19.5969C7.33855 19.4392 6.38961 19.1071 5.64124 18.3588C4.89288 17.6104 4.56076 16.6614 4.40313 15.489C4.24997 14.3498 4.24998 12.8942 4.25 11.0564L4.25 5.75H2C1.58579 5.75 1.25 5.41421 1.25 5C1.25 4.58579 1.58579 4.25 2 4.25H4.25V2C4.25 1.58579 4.58579 1.25 5 1.25ZM15.2892 5.88976C14.2615 5.75159 12.9068 5.75 11 5.75H8C7.58579 5.75 7.25 5.41421 7.25 5C7.25 4.58579 7.58579 4.25 8 4.25L11.0564 4.25C12.8942 4.24998 14.3498 4.24997 15.489 4.40313C16.6614 4.56076 17.6104 4.89288 18.3588 5.64124C19.1071 6.38961 19.4392 7.33855 19.5969 8.51098C19.75 9.65019 19.75 11.1058 19.75 12.9436V16C19.75 16.4142 19.4142 16.75 19 16.75C18.5858 16.75 18.25 16.4142 18.25 16V13C18.25 11.0932 18.2484 9.73851 18.1102 8.71085C17.975 7.70476 17.7213 7.12511 17.2981 6.7019C16.8749 6.27869 16.2952 6.02502 15.2892 5.88976ZM11.4506 7.75H12.5494C13.2142 7.74996 13.7871 7.74993 14.2458 7.81161C14.7375 7.8777 15.2087 8.02676 15.591 8.40901C15.9732 8.79126 16.1223 9.26252 16.1884 9.75416C16.2501 10.2129 16.25 10.7858 16.25 11.4506V12.5494C16.25 13.2142 16.2501 13.7871 16.1884 14.2458C16.1223 14.7375 15.9732 15.2087 15.591 15.591C15.2087 15.9732 14.7375 16.1223 14.2458 16.1884C13.7871 16.2501 13.2142 16.25 12.5494 16.25H11.4506C10.7858 16.25 10.2129 16.2501 9.75416 16.1884C9.26252 16.1223 8.79126 15.9732 8.40901 15.591C8.02676 15.2087 7.8777 14.7375 7.81161 14.2458C7.74993 13.7871 7.74996 13.2142 7.75 12.5494V11.4506C7.74996 10.7858 7.74993 10.2129 7.81161 9.75416C7.8777 9.26252 8.02676 8.79126 8.40901 8.40901C8.79126 8.02676 9.26252 7.8777 9.75416 7.81161C10.2129 7.74993 10.7858 7.74996 11.4506 7.75ZM9.95403 9.29823C9.62872 9.34196 9.52676 9.41258 9.46967 9.46967C9.41258 9.52676 9.34196 9.62872 9.29823 9.95403C9.25159 10.3009 9.25 10.7717 9.25 11.5V12.5C9.25 13.2283 9.25159 13.6991 9.29823 14.046C9.34196 14.3713 9.41258 14.4732 9.46967 14.5303C9.52676 14.5874 9.62872 14.658 9.95403 14.7018C10.3009 14.7484 10.7717 14.75 11.5 14.75H12.5C13.2283 14.75 13.6991 14.7484 14.046 14.7018C14.3713 14.658 14.4732 14.5874 14.5303 14.5303C14.5874 14.4732 14.658 14.3713 14.7018 14.046C14.7484 13.6991 14.75 13.2283 14.75 12.5V11.5C14.75 10.7717 14.7484 10.3009 14.7018 9.95403C14.658 9.62872 14.5874 9.52676 14.5303 9.46967C14.4732 9.41258 14.3713 9.34196 14.046 9.29823C13.6991 9.25159 13.2283 9.25 12.5 9.25H11.5C10.7717 9.25 10.3009 9.25159 9.95403 9.29823Z" clip-rule="evenodd"/></svg>

Como usar o ícone Crop Outline

React

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

<Icon icon="solar:crop-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:crop-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:crop-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--crop-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:crop-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:crop-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/crop-outline.svg" alt="Ícone Crop Outline" width="24" height="24">

Ícones relacionados em Solar

O ícone Crop Outline em outras coleções

Perguntas frequentes sobre Ícone Crop Outline

O ícone Crop Outline é 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 Crop Outline no React?

Instale @iconify/react e renderize <Icon icon="solar:crop-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Crop Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/crop-outline.svg" alt="Ícone Crop Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →