Ícone Transform Right
streamline-freehand:transform-right
O ícone Transform Right (streamline-freehand:transform-right) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free 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
- Freehand free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Design
- Tags
- transformright
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="M13.589 15.076a.34.34 0 0 1-.34-.34q-.06-1.046 0-2.092c.11-.5.12-1.08.55-1a.34.34 0 0 1 .3.34c.264.726.299 1.515.1 2.261a2 2 0 0 1-.08.54c-.11.181-.25.341-.53.291m-.15 4.344a.34.34 0 0 1-.34-.341a7.8 7.8 0 0 1 .27-2.682a.35.35 0 0 1 .23-.12c.15-.07.38 0 .48.42q.13.355.16.73c.05.591-.23 2.092-.8 1.992M8.315 9.312c.25.16.11.54 0 .54a12.1 12.1 0 0 1-3.422.32a.34.34 0 0 1 0-.48c.54-.87 3.322-.48 3.422-.38m-7.965.14c.95-.49 1.76-.08 2.651-.08c.337-.04.679-.006 1.001.1a.3.3 0 0 1-.23.55c-1.761.34-2.422.26-2.822.41c0 .08.23 2.492 0 2.733c-.23.24-.54.13-.69-.43q-.102-.572-.1-1.151c-.07-.821-.411-1.812.19-2.132m.47 4.744c.22 0 .5.89.54 1.11c.1.52-.28 1.822-.7 1.732a.34.34 0 0 1-.34-.34a34 34 0 0 1 .16-2.252a.29.29 0 0 1 .34-.25M15.23 7.71a.34.34 0 0 1-.49-.47c.86-.92 2.371-1.22 3.322-1.8c.23-.14.39-.271.64-.451c-.2 0-.61 0-.76.08c-1.26.27-13.55.53-12.449-.11c-.42-.26.14-.43 4.073-.55c4.463-.631 6.455.16 8.276 0h.69a5 5 0 0 0-.42-.51C16.782 2.486 14.76 1.235 14.7.895a.381.381 0 0 1 .48-.47c.578.32 1.121.7 1.621 1.13q1.102.685 2.102 1.512c.73.68 1.41 1.84.67 2.611c-1.14 1.171-3.442 1.161-4.343 2.032"/><path d="M2.15 22.842q1.106-.17 2.222-.17c.09 0 8.446 0 8.537-.06c1.84-2.943 2-2.082 4.503-5.494c1.07-1.441 2.051-2.952 3.122-4.424c.56-.77 1.471-1.53 2.001-2.291c-.08 0 .09-.07-3.702-.17c-2.092 0-3.913.31-6.215.28a12.7 12.7 0 0 0-2.231-.2c.1.12-3.653 5.113-3.813 5.313c-1.511 1.882-3.002 3.483-3.763 4.544a7 7 0 0 0-.56 1c-.67.801-.91.11 0-1.39c.81-1.191 2.091-2.592 3.672-4.624c1.001-1.26 1.001-1.35 3.223-4.633c.18-.26.37-.8.72-1c.77-.431 2.082 0 2.752 0c3.393 0 12.279-1.342 11.308.8c-.59 1.27-1.76 2.071-2.501 3.072c-1.091 1.461-2.082 3.002-3.183 4.403c-2.622 3.383-1.931 1.691-4.613 5.334a1 1 0 0 1-.32.29s-9.447-.07-10.007 0c-2.112.1-1.421.16-1.702.17a.29.29 0 0 1-.3-.3c-.01-.45.58-.4.85-.45M.63 19.35c.37-1.102.82.52.83 1.62c-.05.44-.18 1.491-.23 1.772a.34.34 0 0 1-.67 0a7.6 7.6 0 0 1-.22-1.952q.092-.731.29-1.44"/></g></svg>Como usar o ícone Transform Right
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:transform-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:transform-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:transform-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--transform-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:transform-right"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:transform-right"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/transform-right.svg" alt="Ícone Transform Right" width="24" height="24">O ícone Transform Right em outras coleções
Perguntas frequentes sobre Ícone Transform Right
O ícone Transform Right é grátis para uso comercial?
Sim. Freehand free 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 Transform Right no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:transform-right" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Transform Right a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/transform-right.svg" alt="Ícone Transform Right">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.