angle logo
angle from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- angle
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the angle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#131620" d="M11.906 8.022a.14.14 0 0 1 .189 0l8.333 8.145a.14.14 0 0 1 0 .194l-4.167 3.933a.14.14 0 0 1-.189 0L12 16.461l-4.072 3.833a.14.14 0 0 1-.189 0l-4.166-3.933a.14.14 0 0 1 0-.194zm.094.295L3.867 16.26L7.834 20l4.072-3.833c.055-.056.139-.056.189 0L16.167 20l3.966-3.739z"/><path fill="#131620" d="m12 16.261l-4.167 4.072L7 18.317l5-4.884v2.834z"/><path fill="#F2E2D8" d="m3.667 16.261l4.166 4.072L7 18.317l-5-4.884l1.667 2.834z"/><path fill="#131620" d="M2.056 13.322a.14.14 0 0 1 .178.011l4.86 4.89a.1.1 0 0 1 .034.044l.833 1.872a.139.139 0 0 1-.222.155l-4.167-3.933a.1.1 0 0 1-.027-.028L2.017 13.5a.14.14 0 0 1 .039-.178m.733.945l.989 1.91l3.667 3.584l-.561-1.361l-4.095-4.139z"/><path fill="#FFE6D6" d="m12 16.261l4.167 4.072l.833-2.016l-5-4.884v2.834z"/><path fill="#131620" d="M12.084 13.406a.14.14 0 0 1 .15.033l4.86 4.778c.045.038.056.1.034.155l-.845 1.878a.14.14 0 0 1-.1.08a.14.14 0 0 1-.123-.035l-4.015-3.834a.14.14 0 0 1-.045-.094v-2.834a.14.14 0 0 1 .084-.127m-.084.26v2.39l4.111 3.894l.722-1.6z"/><path fill="#131620" d="m20.333 16.261l-4.166 4.072l.833-2.016l5-4.884l-1.667 2.834z"/><path fill="url(#tokenBrandedAngle)" d="m2 13.433l10-9.766l10 9.766l-5 4.889l-5-4.889l-5 4.889z"/><path fill="#131620" d="M11.906 3.706a.14.14 0 0 1 .189 0l9.86 9.627a.14.14 0 0 1 .032.155a.14.14 0 0 1-.031.045l-4.861 4.884c-.056.055-.14.055-.19 0L12 13.627l-4.9 4.79a.134.134 0 0 1-.194 0l-4.861-4.884a.14.14 0 0 1 0-.2zM12 4l-9.666 9.433L7 18.123l4.906-4.79c.055-.055.139-.055.189 0L17 18.123l4.667-4.69z"/><defs><linearGradient id="tokenBrandedAngle" x1="12" x2="12" y1="3.667" y2="20.327" gradientUnits="userSpaceOnUse"><stop stop-color="#F6958C"/><stop offset="1" stop-color="#FFCAA3"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAngle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#131620" d="M11.906 8.022a.14.14 0 0 1 .189 0l8.333 8.145a.14.14 0 0 1 0 .194l-4.167 3.933a.14.14 0 0 1-.189 0L12 16.461l-4.072 3.833a.14.14 0 0 1-.189 0l-4.166-3.933a.14.14 0 0 1 0-.194zm.094.295L3.867 16.26L7.834 20l4.072-3.833c.055-.056.139-.056.189 0L16.167 20l3.966-3.739z"/><path fill="#131620" d="m12 16.261l-4.167 4.072L7 18.317l5-4.884v2.834z"/><path fill="#F2E2D8" d="m3.667 16.261l4.166 4.072L7 18.317l-5-4.884l1.667 2.834z"/><path fill="#131620" d="M2.056 13.322a.14.14 0 0 1 .178.011l4.86 4.89a.1.1 0 0 1 .034.044l.833 1.872a.139.139 0 0 1-.222.155l-4.167-3.933a.1.1 0 0 1-.027-.028L2.017 13.5a.14.14 0 0 1 .039-.178m.733.945l.989 1.91l3.667 3.584l-.561-1.361l-4.095-4.139z"/><path fill="#FFE6D6" d="m12 16.261l4.167 4.072l.833-2.016l-5-4.884v2.834z"/><path fill="#131620" d="M12.084 13.406a.14.14 0 0 1 .15.033l4.86 4.778c.045.038.056.1.034.155l-.845 1.878a.14.14 0 0 1-.1.08a.14.14 0 0 1-.123-.035l-4.015-3.834a.14.14 0 0 1-.045-.094v-2.834a.14.14 0 0 1 .084-.127m-.084.26v2.39l4.111 3.894l.722-1.6z"/><path fill="#131620" d="m20.333 16.261l-4.166 4.072l.833-2.016l5-4.884l-1.667 2.834z"/><path fill="url(#tokenBrandedAngle)" d="m2 13.433l10-9.766l10 9.766l-5 4.889l-5-4.889l-5 4.889z"/><path fill="#131620" d="M11.906 3.706a.14.14 0 0 1 .189 0l9.86 9.627a.14.14 0 0 1 .032.155a.14.14 0 0 1-.031.045l-4.861 4.884c-.056.055-.14.055-.19 0L12 13.627l-4.9 4.79a.134.134 0 0 1-.194 0l-4.861-4.884a.14.14 0 0 1 0-.2zM12 4l-9.666 9.433L7 18.123l4.906-4.79c.055-.055.139-.055.189 0L17 18.123l4.667-4.69z"/><defs><linearGradient id="tokenBrandedAngle" x1="12" x2="12" y1="3.667" y2="20.327" gradientUnits="userSpaceOnUse"><stop stopColor="#F6958C"/><stop offset="1" stopColor="#FFCAA3"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#131620" d="M11.906 8.022a.14.14 0 0 1 .189 0l8.333 8.145a.14.14 0 0 1 0 .194l-4.167 3.933a.14.14 0 0 1-.189 0L12 16.461l-4.072 3.833a.14.14 0 0 1-.189 0l-4.166-3.933a.14.14 0 0 1 0-.194zm.094.295L3.867 16.26L7.834 20l4.072-3.833c.055-.056.139-.056.189 0L16.167 20l3.966-3.739z"/><path fill="#131620" d="m12 16.261l-4.167 4.072L7 18.317l5-4.884v2.834z"/><path fill="#F2E2D8" d="m3.667 16.261l4.166 4.072L7 18.317l-5-4.884l1.667 2.834z"/><path fill="#131620" d="M2.056 13.322a.14.14 0 0 1 .178.011l4.86 4.89a.1.1 0 0 1 .034.044l.833 1.872a.139.139 0 0 1-.222.155l-4.167-3.933a.1.1 0 0 1-.027-.028L2.017 13.5a.14.14 0 0 1 .039-.178m.733.945l.989 1.91l3.667 3.584l-.561-1.361l-4.095-4.139z"/><path fill="#FFE6D6" d="m12 16.261l4.167 4.072l.833-2.016l-5-4.884v2.834z"/><path fill="#131620" d="M12.084 13.406a.14.14 0 0 1 .15.033l4.86 4.778c.045.038.056.1.034.155l-.845 1.878a.14.14 0 0 1-.1.08a.14.14 0 0 1-.123-.035l-4.015-3.834a.14.14 0 0 1-.045-.094v-2.834a.14.14 0 0 1 .084-.127m-.084.26v2.39l4.111 3.894l.722-1.6z"/><path fill="#131620" d="m20.333 16.261l-4.166 4.072l.833-2.016l5-4.884l-1.667 2.834z"/><path fill="url(#tokenBrandedAngle)" d="m2 13.433l10-9.766l10 9.766l-5 4.889l-5-4.889l-5 4.889z"/><path fill="#131620" d="M11.906 3.706a.14.14 0 0 1 .189 0l9.86 9.627a.14.14 0 0 1 .032.155a.14.14 0 0 1-.031.045l-4.861 4.884c-.056.055-.14.055-.19 0L12 13.627l-4.9 4.79a.134.134 0 0 1-.194 0l-4.861-4.884a.14.14 0 0 1 0-.2zM12 4l-9.666 9.433L7 18.123l4.906-4.79c.055-.055.139-.055.189 0L17 18.123l4.667-4.69z"/><defs><linearGradient id="tokenBrandedAngle" x1="12" x2="12" y1="3.667" y2="20.327" gradientUnits="userSpaceOnUse"><stop stop-color="#F6958C"/><stop offset="1" stop-color="#FFCAA3"/></linearGradient></defs></g></svg> </template>
CSS
.icon-angle {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M11.906%208.022a.14.14%200%200%201%20.189%200l8.333%208.145a.14.14%200%200%201%200%20.194l-4.167%203.933a.14.14%200%200%201-.189%200L12%2016.461l-4.072%203.833a.14.14%200%200%201-.189%200l-4.166-3.933a.14.14%200%200%201%200-.194zm.094.295L3.867%2016.26L7.834%2020l4.072-3.833c.055-.056.139-.056.189%200L16.167%2020l3.966-3.739z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22m12%2016.261l-4.167%204.072L7%2018.317l5-4.884v2.834z%22%2F%3E%3Cpath%20fill%3D%22%23F2E2D8%22%20d%3D%22m3.667%2016.261l4.166%204.072L7%2018.317l-5-4.884l1.667%202.834z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M2.056%2013.322a.14.14%200%200%201%20.178.011l4.86%204.89a.1.1%200%200%201%20.034.044l.833%201.872a.139.139%200%200%201-.222.155l-4.167-3.933a.1.1%200%200%201-.027-.028L2.017%2013.5a.14.14%200%200%201%20.039-.178m.733.945l.989%201.91l3.667%203.584l-.561-1.361l-4.095-4.139z%22%2F%3E%3Cpath%20fill%3D%22%23FFE6D6%22%20d%3D%22m12%2016.261l4.167%204.072l.833-2.016l-5-4.884v2.834z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M12.084%2013.406a.14.14%200%200%201%20.15.033l4.86%204.778c.045.038.056.1.034.155l-.845%201.878a.14.14%200%200%201-.1.08a.14.14%200%200%201-.123-.035l-4.015-3.834a.14.14%200%200%201-.045-.094v-2.834a.14.14%200%200%201%20.084-.127m-.084.26v2.39l4.111%203.894l.722-1.6z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22m20.333%2016.261l-4.166%204.072l.833-2.016l5-4.884l-1.667%202.834z%22%2F%3E%3Cpath%20fill%3D%22url(%23tokenBrandedAngle)%22%20d%3D%22m2%2013.433l10-9.766l10%209.766l-5%204.889l-5-4.889l-5%204.889z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M11.906%203.706a.14.14%200%200%201%20.189%200l9.86%209.627a.14.14%200%200%201%20.032.155a.14.14%200%200%201-.031.045l-4.861%204.884c-.056.055-.14.055-.19%200L12%2013.627l-4.9%204.79a.134.134%200%200%201-.194%200l-4.861-4.884a.14.14%200%200%201%200-.2zM12%204l-9.666%209.433L7%2018.123l4.906-4.79c.055-.055.139-.055.189%200L17%2018.123l4.667-4.69z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22tokenBrandedAngle%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.667%22%20y2%3D%2220.327%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F6958C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCAA3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M11.906%208.022a.14.14%200%200%201%20.189%200l8.333%208.145a.14.14%200%200%201%200%20.194l-4.167%203.933a.14.14%200%200%201-.189%200L12%2016.461l-4.072%203.833a.14.14%200%200%201-.189%200l-4.166-3.933a.14.14%200%200%201%200-.194zm.094.295L3.867%2016.26L7.834%2020l4.072-3.833c.055-.056.139-.056.189%200L16.167%2020l3.966-3.739z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22m12%2016.261l-4.167%204.072L7%2018.317l5-4.884v2.834z%22%2F%3E%3Cpath%20fill%3D%22%23F2E2D8%22%20d%3D%22m3.667%2016.261l4.166%204.072L7%2018.317l-5-4.884l1.667%202.834z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M2.056%2013.322a.14.14%200%200%201%20.178.011l4.86%204.89a.1.1%200%200%201%20.034.044l.833%201.872a.139.139%200%200%201-.222.155l-4.167-3.933a.1.1%200%200%201-.027-.028L2.017%2013.5a.14.14%200%200%201%20.039-.178m.733.945l.989%201.91l3.667%203.584l-.561-1.361l-4.095-4.139z%22%2F%3E%3Cpath%20fill%3D%22%23FFE6D6%22%20d%3D%22m12%2016.261l4.167%204.072l.833-2.016l-5-4.884v2.834z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M12.084%2013.406a.14.14%200%200%201%20.15.033l4.86%204.778c.045.038.056.1.034.155l-.845%201.878a.14.14%200%200%201-.1.08a.14.14%200%200%201-.123-.035l-4.015-3.834a.14.14%200%200%201-.045-.094v-2.834a.14.14%200%200%201%20.084-.127m-.084.26v2.39l4.111%203.894l.722-1.6z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22m20.333%2016.261l-4.166%204.072l.833-2.016l5-4.884l-1.667%202.834z%22%2F%3E%3Cpath%20fill%3D%22url(%23tokenBrandedAngle)%22%20d%3D%22m2%2013.433l10-9.766l10%209.766l-5%204.889l-5-4.889l-5%204.889z%22%2F%3E%3Cpath%20fill%3D%22%23131620%22%20d%3D%22M11.906%203.706a.14.14%200%200%201%20.189%200l9.86%209.627a.14.14%200%200%201%20.032.155a.14.14%200%200%201-.031.045l-4.861%204.884c-.056.055-.14.055-.19%200L12%2013.627l-4.9%204.79a.134.134%200%200%201-.194%200l-4.861-4.884a.14.14%200%200%201%200-.2zM12%204l-9.666%209.433L7%2018.123l4.906-4.79c.055-.055.139-.055.189%200L17%2018.123l4.667-4.69z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22tokenBrandedAngle%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.667%22%20y2%3D%2220.327%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F6958C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCAA3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/angle.svg?color=%231a73e8&size=48
