Orshot icon

thesvg-color:orshot

The Orshot icon (thesvg-color:orshot) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><rect width="512" height="512" fill="#111" rx="96"/><path fill="#fff" stroke="#fff" stroke-width="6" d="M281.003 278.046c4.759 6.096 10.199 11.174 16.321 15.212a384 384 0 0 1-23.711 29.909c-8.947 9.949-18.226 18.574-27.837 25.886c-9.598 7.303-19.398 13.05-29.398 17.262c-9.909 4.175-19.889 6.245-29.959 6.245c-12.966 0-22.122-3.862-28.073-11.123c-6.105-7.689-9.352-18.694-9.352-33.397c0-16.392 3.256-33.311 9.821-50.773q10.262-26.706 25.837-51.288q15.957-24.619 35.083-45.291c13.012-13.807 25.746-25.19 38.199-34.175l2.49-1.796l-1.853-2.448l-11.448-15.12l-1.455-1.921l-2.189 1.006c-11.168 5.13-22.306 11.713-33.416 19.734q-16.635 12.009-32.16 26.907q-15.547 14.918-28.915 32.368q-13.379 17.104-23.515 35.68l-.011.02l-.01.02q-9.785 18.595-15.597 37.6C105.96 291.302 104 303.838 104 316.16c0 12.298 1.833 23.46 5.555 33.448c3.703 9.936 8.909 18.56 15.634 25.829c6.735 7.279 14.726 12.809 23.946 16.573c9.452 4.002 19.625 5.99 30.487 5.99c10.596 0 21.972-1.858 34.11-5.52c12.235-3.45 24.533-9.099 36.894-16.903c12.392-7.825 24.497-17.822 36.322-29.964l.01-.011l.01-.01c11.443-11.985 22.174-26.311 32.205-42.952c3.554.701 7.485 1.04 11.774 1.04c14.093 0 27.456-3.364 40.047-10.072c12.723-6.779 24.856-18.579 36.462-35.125l1.635-2.331l-2.242-1.754l-12.879-10.08l-2.667-2.088l-1.75 2.9c-3.97 6.58-8.027 12.172-12.163 16.801c-4.121 4.373-8.435 7.904-12.935 10.621l-.029.018l-.029.018c-4.239 2.694-8.939 4.729-14.118 6.095c-5.224 1.137-11.067 1.717-17.543 1.717h-.975q4.995-8.699 8.79-18.98q5.063-13.104 8.326-26.229q3.619-13.478 5.433-26.621c1.208-8.748 1.817-16.808 1.817-24.17c0-9.798-.973-19.023-2.936-27.664c-1.96-8.629-4.799-16.129-8.564-22.45c-3.769-6.568-8.48-11.734-14.169-15.387c-5.762-3.942-12.309-5.899-19.544-5.899c-7.982 0-15.352 2.213-22.041 6.614c-6.59 4.336-12.35 10.286-17.308 17.769l-.007.01l-.006.01c-4.723 7.254-8.415 15.703-11.107 25.307c-2.703 9.646-4.046 19.88-4.046 30.69q0 16.079 2.544 31.45l.006.034l.006.034c1.942 10.259 4.737 19.929 8.393 29.003l.006.013l.005.014c3.668 8.857 8.202 16.881 13.613 24.058l.015.02zm37.453-27.675l-.008.023l-.008.023a177 177 0 0 1-9.014 22.052c-4.372-3.324-8.153-7.513-11.339-12.599q-5.903-9.786-9.734-21a130 130 0 0 1-5.595-23.224c-1.175-8.042-1.757-15.455-1.757-22.246c0-7.48.696-14.584 2.078-21.319c1.621-6.98 3.8-12.944 6.503-17.931l.013-.025l.013-.024c2.703-5.213 5.9-9.162 9.541-11.963l.043-.034l.042-.034c3.576-2.964 7.325-4.35 11.322-4.35c2.754 0 5.264.987 7.625 3.165l.095.088l.103.079c2.596 2.01 4.822 5.022 6.581 9.226l.038.09l.043.087c2.002 4.029 3.599 8.924 4.752 14.73c1.149 5.777 1.732 12.178 1.732 19.215c0 5.11-.463 11.212-1.405 18.326l-.006.044l-.005.043c-.696 6.779-2.095 14.184-4.21 22.224l-.01.04l-.009.04q-2.822 12.067-7.424 25.254Z"/></g></svg>

How to use the Orshot icon

React

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

<Icon icon="thesvg-color:orshot" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:orshot" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:orshot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--orshot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:orshot"></div>

Web component

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

<iconify-icon icon="thesvg-color:orshot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/orshot.svg" alt="Orshot icon" width="24" height="24">

Orshot icon FAQ

Is the Orshot icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Orshot icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:orshot" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Orshot icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/orshot.svg" alt="Orshot icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →