recoil icon logo

recoil-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
recoil-icon
Set
SVG Logos
Style
Color
Viewbox
256×596
License
CC0

Use the recoil icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 596"><path fill="#1c1e21" d="M128.011 0c27.822 0 50.357 22.535 50.357 50.357c0 20.74-12.565 38.564-30.514 46.293l-.546.231v21.213c0 20.478 15.221 37.912 35.468 40.76l.615.081l6.08.793c32.91 4.163 58.419 27.822 64.961 60.336s-7.732 64.235-36.479 80.888c-12.87 7.41-26.891 11.943-41.686 13.474l-.74.074l-91.396 8.59c-9.318.86-18.108 3.701-26.236 8.394c-16.588 9.582-19.826 26.17-17.315 38.461c2.487 12.17 11.774 26.022 30.362 28.606l6.646.868c40.04 4.972 70.3 38.897 70.9 79.138l.01 1.222v19.693c17.644 7.798 30.002 25.51 30.002 46.062c0 27.821-22.535 50.357-50.357 50.357s-50.357-22.536-50.357-50.357c0-20.674 12.501-38.499 30.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514 7.732-64.235 36.48-80.888c12.87-7.41 26.89-11.943 41.686-13.474l.74-.074l91.396-8.59c9.318-.86 18.107-3.701 26.236-8.393c16.587-9.583 19.825-26.17 17.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654 22.535 100.19 0 128.011 0m60.534 336.969l28.219 30.927c21 23.095 32.675 52.861 32.907 83.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326 5.739-.703 8.568-1.195zM42.695 143.537c0 21.328 7.837 41.75 22.037 57.61l.432.479l48.11 52.736l-35.421 3.37l-1.053.097c-3.857.37-7.708.929-11.47 1.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z"/></svg>

React

import type { SVGProps } from "react";

export function LogosRecoilIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 596"><path fill="#1c1e21" d="M128.011 0c27.822 0 50.357 22.535 50.357 50.357c0 20.74-12.565 38.564-30.514 46.293l-.546.231v21.213c0 20.478 15.221 37.912 35.468 40.76l.615.081l6.08.793c32.91 4.163 58.419 27.822 64.961 60.336s-7.732 64.235-36.479 80.888c-12.87 7.41-26.891 11.943-41.686 13.474l-.74.074l-91.396 8.59c-9.318.86-18.108 3.701-26.236 8.394c-16.588 9.582-19.826 26.17-17.315 38.461c2.487 12.17 11.774 26.022 30.362 28.606l6.646.868c40.04 4.972 70.3 38.897 70.9 79.138l.01 1.222v19.693c17.644 7.798 30.002 25.51 30.002 46.062c0 27.821-22.535 50.357-50.357 50.357s-50.357-22.536-50.357-50.357c0-20.674 12.501-38.499 30.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514 7.732-64.235 36.48-80.888c12.87-7.41 26.89-11.943 41.686-13.474l.74-.074l91.396-8.59c9.318-.86 18.107-3.701 26.236-8.393c16.587-9.583 19.825-26.17 17.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654 22.535 100.19 0 128.011 0m60.534 336.969l28.219 30.927c21 23.095 32.675 52.861 32.907 83.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326 5.739-.703 8.568-1.195zM42.695 143.537c0 21.328 7.837 41.75 22.037 57.61l.432.479l48.11 52.736l-35.421 3.37l-1.053.097c-3.857.37-7.708.929-11.47 1.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 596"><path fill="#1c1e21" d="M128.011 0c27.822 0 50.357 22.535 50.357 50.357c0 20.74-12.565 38.564-30.514 46.293l-.546.231v21.213c0 20.478 15.221 37.912 35.468 40.76l.615.081l6.08.793c32.91 4.163 58.419 27.822 64.961 60.336s-7.732 64.235-36.479 80.888c-12.87 7.41-26.891 11.943-41.686 13.474l-.74.074l-91.396 8.59c-9.318.86-18.108 3.701-26.236 8.394c-16.588 9.582-19.826 26.17-17.315 38.461c2.487 12.17 11.774 26.022 30.362 28.606l6.646.868c40.04 4.972 70.3 38.897 70.9 79.138l.01 1.222v19.693c17.644 7.798 30.002 25.51 30.002 46.062c0 27.821-22.535 50.357-50.357 50.357s-50.357-22.536-50.357-50.357c0-20.674 12.501-38.499 30.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514 7.732-64.235 36.48-80.888c12.87-7.41 26.89-11.943 41.686-13.474l.74-.074l91.396-8.59c9.318-.86 18.107-3.701 26.236-8.393c16.587-9.583 19.825-26.17 17.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654 22.535 100.19 0 128.011 0m60.534 336.969l28.219 30.927c21 23.095 32.675 52.861 32.907 83.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326 5.739-.703 8.568-1.195zM42.695 143.537c0 21.328 7.837 41.75 22.037 57.61l.432.479l48.11 52.736l-35.421 3.37l-1.053.097c-3.857.37-7.708.929-11.47 1.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z"/></svg>
</template>

CSS

.icon-recoil-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20596%22%3E%3Cpath%20fill%3D%22%231c1e21%22%20d%3D%22M128.011%200c27.822%200%2050.357%2022.535%2050.357%2050.357c0%2020.74-12.565%2038.564-30.514%2046.293l-.546.231v21.213c0%2020.478%2015.221%2037.912%2035.468%2040.76l.615.081l6.08.793c32.91%204.163%2058.419%2027.822%2064.961%2060.336s-7.732%2064.235-36.479%2080.888c-12.87%207.41-26.891%2011.943-41.686%2013.474l-.74.074l-91.396%208.59c-9.318.86-18.108%203.701-26.236%208.394c-16.588%209.582-19.826%2026.17-17.315%2038.461c2.487%2012.17%2011.774%2026.022%2030.362%2028.606l6.646.868c40.04%204.972%2070.3%2038.897%2070.9%2079.138l.01%201.222v19.693c17.644%207.798%2030.002%2025.51%2030.002%2046.062c0%2027.821-22.535%2050.357-50.357%2050.357s-50.357-22.536-50.357-50.357c0-20.674%2012.501-38.499%2030.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514%207.732-64.235%2036.48-80.888c12.87-7.41%2026.89-11.943%2041.686-13.474l.74-.074l91.396-8.59c9.318-.86%2018.107-3.701%2026.236-8.393c16.587-9.583%2019.825-26.17%2017.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654%2022.535%20100.19%200%20128.011%200m60.534%20336.969l28.219%2030.927c21%2023.095%2032.675%2052.861%2032.907%2083.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326%205.739-.703%208.568-1.195zM42.695%20143.537c0%2021.328%207.837%2041.75%2022.037%2057.61l.432.479l48.11%2052.736l-35.421%203.37l-1.053.097c-3.857.37-7.708.929-11.47%201.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20596%22%3E%3Cpath%20fill%3D%22%231c1e21%22%20d%3D%22M128.011%200c27.822%200%2050.357%2022.535%2050.357%2050.357c0%2020.74-12.565%2038.564-30.514%2046.293l-.546.231v21.213c0%2020.478%2015.221%2037.912%2035.468%2040.76l.615.081l6.08.793c32.91%204.163%2058.419%2027.822%2064.961%2060.336s-7.732%2064.235-36.479%2080.888c-12.87%207.41-26.891%2011.943-41.686%2013.474l-.74.074l-91.396%208.59c-9.318.86-18.108%203.701-26.236%208.394c-16.588%209.582-19.826%2026.17-17.315%2038.461c2.487%2012.17%2011.774%2026.022%2030.362%2028.606l6.646.868c40.04%204.972%2070.3%2038.897%2070.9%2079.138l.01%201.222v19.693c17.644%207.798%2030.002%2025.51%2030.002%2046.062c0%2027.821-22.535%2050.357-50.357%2050.357s-50.357-22.536-50.357-50.357c0-20.674%2012.501-38.499%2030.385-46.227l.543-.231v-19.297c0-20.478-15.22-37.912-35.467-40.76l-.615-.08l-6.08-.794c-32.91-4.163-58.42-27.822-64.962-60.336c-6.608-32.514%207.732-64.235%2036.48-80.888c12.87-7.41%2026.89-11.943%2041.686-13.474l.74-.074l91.396-8.59c9.318-.86%2018.107-3.701%2026.236-8.393c16.587-9.583%2019.825-26.17%2017.314-38.462c-2.486-12.169-11.773-26.022-30.362-28.606l-6.646-.868c-40.04-4.972-70.299-38.897-70.9-79.138l-.01-1.222V96.352c-17.578-7.864-29.87-25.509-29.87-45.995C77.654%2022.535%20100.19%200%20128.011%200m60.534%20336.969l28.219%2030.927c21%2023.095%2032.675%2052.861%2032.907%2083.977l.003.943h-39.85c0-21.328-7.836-41.75-22.036-57.61l-.432-.479l-47.978-52.604l38.33-3.634l1.21-.135c2.872-.326%205.739-.703%208.568-1.195zM42.695%20143.537c0%2021.328%207.837%2041.75%2022.037%2057.61l.432.479l48.11%2052.736l-35.421%203.37l-1.053.097c-3.857.37-7.708.929-11.47%201.677l-1.025.209l-28.483-31.258c-21-23.03-32.675-52.86-32.907-83.977l-.003-.943z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/recoil-icon.svg?color=%231a73e8&size=48