trade logo
trade from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- trade
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the trade logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.813 5.953L5.87 9.85c7.866-3.477 11.91 2.319 12.95 5.651l1.947.237c-.188-.773-.582-1.556-.755-1.85H21c-.236-.987-1.151-2.152-1.58-2.61l.836-.35c-.595-1.037-1.865-1.947-2.426-2.271l.714-.525c-.98-.97-2.379-1.446-2.957-1.562l.439-.534c-.636-.289-2.537-.302-3.408-.273v-.98c-1.122.036-2.758.794-3.435 1.17l-.067-1.114c-.777.356-1.819 1.38-2.242 1.848z"/><path fill="currentColor" d="M8.483 8.464c.08-.178-.033-.259-.1-.277c1.472-.518 2.407-.544 2.69-.492c-.65 1.127-2.656 1.579-2.824 1.45c-.167-.128.134-.458.234-.68m4.164.17c2.499.1 4.59 1.951 5.323 2.864l.443.862c-2.446.325-3.995-.755-4.465-1.336c-.212-.263-.115-.364 0-.396c.973-.271 1.755.022 2.026.203c.94.68 1.562.929 1.755.967c-.18-.1-.699-.433-1.331-.967c-.633-.534-1.33-.597-1.6-.561c-1.281.175-2.411.02-2.816-.078c-.82-.255-2.278-.84-1.553-1.142s1.78-.403 2.218-.416m4.655 4.41c.87.388 1.407 1.735 1.599 2.51c-.07 0-1.033.032-1.506.048c-1.417-.547-2.356-2.33-2.475-2.557c-.215-.41.045-.5.2-.493c.921.027 1.839.34 2.182.493M15.08 15.48c.076.12.101.417.104.552c.25-.168.868-.269 1.146-.298c-.639-.483-1.055-.623-1.147-.534c-.066.044-.18.162-.103.28"/><path fill="currentColor" fill-rule="evenodd" d="m3 8.787l3.41 3.823c.084.083.235.265.183.334c-.052.068-.398-.082-.564-.166c.033.381.02 1.254-.295 1.693a51 51 0 0 0-1.204 1.833a.65.65 0 0 0-.065.363q.006.054.01.13c.018.27.05.74.235 1.252c.156.433.373.338.778.162l.16-.069c.509-.214 5.508-3.463 5.813-3.671s.872-.838.697-1.693c-.218-1.068-.832-1.466-1.602-1.466c-.616 0-1.505.112-1.872.168c-.43.059-1.487.04-2.273-.514S3.81 9.283 3 8.787m5.464 3.874c.477-.215.815.261.726.275c-.372.054-.726.168-.994.43c-.074.07-.188-.498.268-.704" clip-rule="evenodd"/><path fill="currentColor" d="M10.33 15.812c.417 1.443-.202 2.871-.564 3.405c2.265-2.023 4.014-2.776 4.605-2.899c.991-3.693-1.271-5.216-1.67-5.339c-.32-.098-.313.076-.27.176c.939 2.654-1.01 4.21-2.1 4.657M8.007 9.725c-1.044.006-1.542-.255-1.66-.387l-.13.095c.355.555.652.92 1.108 1.184c.52.3 1.303.212 1.726.124c1.653-.175 2.392.395 2.581.41c.15.01.11-.152.072-.235c-.689-1.184-2.392-1.198-3.697-1.19"/></svg>
React
import type { SVGProps } from "react";
export function TokenTrade(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.813 5.953L5.87 9.85c7.866-3.477 11.91 2.319 12.95 5.651l1.947.237c-.188-.773-.582-1.556-.755-1.85H21c-.236-.987-1.151-2.152-1.58-2.61l.836-.35c-.595-1.037-1.865-1.947-2.426-2.271l.714-.525c-.98-.97-2.379-1.446-2.957-1.562l.439-.534c-.636-.289-2.537-.302-3.408-.273v-.98c-1.122.036-2.758.794-3.435 1.17l-.067-1.114c-.777.356-1.819 1.38-2.242 1.848z"/><path fill="currentColor" d="M8.483 8.464c.08-.178-.033-.259-.1-.277c1.472-.518 2.407-.544 2.69-.492c-.65 1.127-2.656 1.579-2.824 1.45c-.167-.128.134-.458.234-.68m4.164.17c2.499.1 4.59 1.951 5.323 2.864l.443.862c-2.446.325-3.995-.755-4.465-1.336c-.212-.263-.115-.364 0-.396c.973-.271 1.755.022 2.026.203c.94.68 1.562.929 1.755.967c-.18-.1-.699-.433-1.331-.967c-.633-.534-1.33-.597-1.6-.561c-1.281.175-2.411.02-2.816-.078c-.82-.255-2.278-.84-1.553-1.142s1.78-.403 2.218-.416m4.655 4.41c.87.388 1.407 1.735 1.599 2.51c-.07 0-1.033.032-1.506.048c-1.417-.547-2.356-2.33-2.475-2.557c-.215-.41.045-.5.2-.493c.921.027 1.839.34 2.182.493M15.08 15.48c.076.12.101.417.104.552c.25-.168.868-.269 1.146-.298c-.639-.483-1.055-.623-1.147-.534c-.066.044-.18.162-.103.28"/><path fill="currentColor" fillRule="evenodd" d="m3 8.787l3.41 3.823c.084.083.235.265.183.334c-.052.068-.398-.082-.564-.166c.033.381.02 1.254-.295 1.693a51 51 0 0 0-1.204 1.833a.65.65 0 0 0-.065.363q.006.054.01.13c.018.27.05.74.235 1.252c.156.433.373.338.778.162l.16-.069c.509-.214 5.508-3.463 5.813-3.671s.872-.838.697-1.693c-.218-1.068-.832-1.466-1.602-1.466c-.616 0-1.505.112-1.872.168c-.43.059-1.487.04-2.273-.514S3.81 9.283 3 8.787m5.464 3.874c.477-.215.815.261.726.275c-.372.054-.726.168-.994.43c-.074.07-.188-.498.268-.704" clipRule="evenodd"/><path fill="currentColor" d="M10.33 15.812c.417 1.443-.202 2.871-.564 3.405c2.265-2.023 4.014-2.776 4.605-2.899c.991-3.693-1.271-5.216-1.67-5.339c-.32-.098-.313.076-.27.176c.939 2.654-1.01 4.21-2.1 4.657M8.007 9.725c-1.044.006-1.542-.255-1.66-.387l-.13.095c.355.555.652.92 1.108 1.184c.52.3 1.303.212 1.726.124c1.653-.175 2.392.395 2.581.41c.15.01.11-.152.072-.235c-.689-1.184-2.392-1.198-3.697-1.19"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.813 5.953L5.87 9.85c7.866-3.477 11.91 2.319 12.95 5.651l1.947.237c-.188-.773-.582-1.556-.755-1.85H21c-.236-.987-1.151-2.152-1.58-2.61l.836-.35c-.595-1.037-1.865-1.947-2.426-2.271l.714-.525c-.98-.97-2.379-1.446-2.957-1.562l.439-.534c-.636-.289-2.537-.302-3.408-.273v-.98c-1.122.036-2.758.794-3.435 1.17l-.067-1.114c-.777.356-1.819 1.38-2.242 1.848z"/><path fill="currentColor" d="M8.483 8.464c.08-.178-.033-.259-.1-.277c1.472-.518 2.407-.544 2.69-.492c-.65 1.127-2.656 1.579-2.824 1.45c-.167-.128.134-.458.234-.68m4.164.17c2.499.1 4.59 1.951 5.323 2.864l.443.862c-2.446.325-3.995-.755-4.465-1.336c-.212-.263-.115-.364 0-.396c.973-.271 1.755.022 2.026.203c.94.68 1.562.929 1.755.967c-.18-.1-.699-.433-1.331-.967c-.633-.534-1.33-.597-1.6-.561c-1.281.175-2.411.02-2.816-.078c-.82-.255-2.278-.84-1.553-1.142s1.78-.403 2.218-.416m4.655 4.41c.87.388 1.407 1.735 1.599 2.51c-.07 0-1.033.032-1.506.048c-1.417-.547-2.356-2.33-2.475-2.557c-.215-.41.045-.5.2-.493c.921.027 1.839.34 2.182.493M15.08 15.48c.076.12.101.417.104.552c.25-.168.868-.269 1.146-.298c-.639-.483-1.055-.623-1.147-.534c-.066.044-.18.162-.103.28"/><path fill="currentColor" fill-rule="evenodd" d="m3 8.787l3.41 3.823c.084.083.235.265.183.334c-.052.068-.398-.082-.564-.166c.033.381.02 1.254-.295 1.693a51 51 0 0 0-1.204 1.833a.65.65 0 0 0-.065.363q.006.054.01.13c.018.27.05.74.235 1.252c.156.433.373.338.778.162l.16-.069c.509-.214 5.508-3.463 5.813-3.671s.872-.838.697-1.693c-.218-1.068-.832-1.466-1.602-1.466c-.616 0-1.505.112-1.872.168c-.43.059-1.487.04-2.273-.514S3.81 9.283 3 8.787m5.464 3.874c.477-.215.815.261.726.275c-.372.054-.726.168-.994.43c-.074.07-.188-.498.268-.704" clip-rule="evenodd"/><path fill="currentColor" d="M10.33 15.812c.417 1.443-.202 2.871-.564 3.405c2.265-2.023 4.014-2.776 4.605-2.899c.991-3.693-1.271-5.216-1.67-5.339c-.32-.098-.313.076-.27.176c.939 2.654-1.01 4.21-2.1 4.657M8.007 9.725c-1.044.006-1.542-.255-1.66-.387l-.13.095c.355.555.652.92 1.108 1.184c.52.3 1.303.212 1.726.124c1.653-.175 2.392.395 2.581.41c.15.01.11-.152.072-.235c-.689-1.184-2.392-1.198-3.697-1.19"/></svg> </template>
CSS
.icon-trade {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.813%205.953L5.87%209.85c7.866-3.477%2011.91%202.319%2012.95%205.651l1.947.237c-.188-.773-.582-1.556-.755-1.85H21c-.236-.987-1.151-2.152-1.58-2.61l.836-.35c-.595-1.037-1.865-1.947-2.426-2.271l.714-.525c-.98-.97-2.379-1.446-2.957-1.562l.439-.534c-.636-.289-2.537-.302-3.408-.273v-.98c-1.122.036-2.758.794-3.435%201.17l-.067-1.114c-.777.356-1.819%201.38-2.242%201.848z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.483%208.464c.08-.178-.033-.259-.1-.277c1.472-.518%202.407-.544%202.69-.492c-.65%201.127-2.656%201.579-2.824%201.45c-.167-.128.134-.458.234-.68m4.164.17c2.499.1%204.59%201.951%205.323%202.864l.443.862c-2.446.325-3.995-.755-4.465-1.336c-.212-.263-.115-.364%200-.396c.973-.271%201.755.022%202.026.203c.94.68%201.562.929%201.755.967c-.18-.1-.699-.433-1.331-.967c-.633-.534-1.33-.597-1.6-.561c-1.281.175-2.411.02-2.816-.078c-.82-.255-2.278-.84-1.553-1.142s1.78-.403%202.218-.416m4.655%204.41c.87.388%201.407%201.735%201.599%202.51c-.07%200-1.033.032-1.506.048c-1.417-.547-2.356-2.33-2.475-2.557c-.215-.41.045-.5.2-.493c.921.027%201.839.34%202.182.493M15.08%2015.48c.076.12.101.417.104.552c.25-.168.868-.269%201.146-.298c-.639-.483-1.055-.623-1.147-.534c-.066.044-.18.162-.103.28%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m3%208.787l3.41%203.823c.084.083.235.265.183.334c-.052.068-.398-.082-.564-.166c.033.381.02%201.254-.295%201.693a51%2051%200%200%200-1.204%201.833a.65.65%200%200%200-.065.363q.006.054.01.13c.018.27.05.74.235%201.252c.156.433.373.338.778.162l.16-.069c.509-.214%205.508-3.463%205.813-3.671s.872-.838.697-1.693c-.218-1.068-.832-1.466-1.602-1.466c-.616%200-1.505.112-1.872.168c-.43.059-1.487.04-2.273-.514S3.81%209.283%203%208.787m5.464%203.874c.477-.215.815.261.726.275c-.372.054-.726.168-.994.43c-.074.07-.188-.498.268-.704%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.33%2015.812c.417%201.443-.202%202.871-.564%203.405c2.265-2.023%204.014-2.776%204.605-2.899c.991-3.693-1.271-5.216-1.67-5.339c-.32-.098-.313.076-.27.176c.939%202.654-1.01%204.21-2.1%204.657M8.007%209.725c-1.044.006-1.542-.255-1.66-.387l-.13.095c.355.555.652.92%201.108%201.184c.52.3%201.303.212%201.726.124c1.653-.175%202.392.395%202.581.41c.15.01.11-.152.072-.235c-.689-1.184-2.392-1.198-3.697-1.19%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.813%205.953L5.87%209.85c7.866-3.477%2011.91%202.319%2012.95%205.651l1.947.237c-.188-.773-.582-1.556-.755-1.85H21c-.236-.987-1.151-2.152-1.58-2.61l.836-.35c-.595-1.037-1.865-1.947-2.426-2.271l.714-.525c-.98-.97-2.379-1.446-2.957-1.562l.439-.534c-.636-.289-2.537-.302-3.408-.273v-.98c-1.122.036-2.758.794-3.435%201.17l-.067-1.114c-.777.356-1.819%201.38-2.242%201.848z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.483%208.464c.08-.178-.033-.259-.1-.277c1.472-.518%202.407-.544%202.69-.492c-.65%201.127-2.656%201.579-2.824%201.45c-.167-.128.134-.458.234-.68m4.164.17c2.499.1%204.59%201.951%205.323%202.864l.443.862c-2.446.325-3.995-.755-4.465-1.336c-.212-.263-.115-.364%200-.396c.973-.271%201.755.022%202.026.203c.94.68%201.562.929%201.755.967c-.18-.1-.699-.433-1.331-.967c-.633-.534-1.33-.597-1.6-.561c-1.281.175-2.411.02-2.816-.078c-.82-.255-2.278-.84-1.553-1.142s1.78-.403%202.218-.416m4.655%204.41c.87.388%201.407%201.735%201.599%202.51c-.07%200-1.033.032-1.506.048c-1.417-.547-2.356-2.33-2.475-2.557c-.215-.41.045-.5.2-.493c.921.027%201.839.34%202.182.493M15.08%2015.48c.076.12.101.417.104.552c.25-.168.868-.269%201.146-.298c-.639-.483-1.055-.623-1.147-.534c-.066.044-.18.162-.103.28%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m3%208.787l3.41%203.823c.084.083.235.265.183.334c-.052.068-.398-.082-.564-.166c.033.381.02%201.254-.295%201.693a51%2051%200%200%200-1.204%201.833a.65.65%200%200%200-.065.363q.006.054.01.13c.018.27.05.74.235%201.252c.156.433.373.338.778.162l.16-.069c.509-.214%205.508-3.463%205.813-3.671s.872-.838.697-1.693c-.218-1.068-.832-1.466-1.602-1.466c-.616%200-1.505.112-1.872.168c-.43.059-1.487.04-2.273-.514S3.81%209.283%203%208.787m5.464%203.874c.477-.215.815.261.726.275c-.372.054-.726.168-.994.43c-.074.07-.188-.498.268-.704%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.33%2015.812c.417%201.443-.202%202.871-.564%203.405c2.265-2.023%204.014-2.776%204.605-2.899c.991-3.693-1.271-5.216-1.67-5.339c-.32-.098-.313.076-.27.176c.939%202.654-1.01%204.21-2.1%204.657M8.007%209.725c-1.044.006-1.542-.255-1.66-.387l-.13.095c.355.555.652.92%201.108%201.184c.52.3%201.303.212%201.726.124c1.653-.175%202.392.395%202.581.41c.15.01.11-.152.072-.235c-.689-1.184-2.392-1.198-3.697-1.19%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/trade.svg?color=%231a73e8&size=48
