angular icon logo
angular-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- angular-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×271
- License
- CC0
Use the angular icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><defs><linearGradient id="SVGpqdn3GZR" x1="25.071%" x2="96.132%" y1="90.929%" y2="55.184%"><stop offset="0%" stop-color="#e40035"/><stop offset="24%" stop-color="#f60a48"/><stop offset="35.2%" stop-color="#f20755"/><stop offset="49.4%" stop-color="#dc087d"/><stop offset="74.5%" stop-color="#9717e7"/><stop offset="100%" stop-color="#6c00f5"/></linearGradient><linearGradient id="SVGVcJbhdIj" x1="21.863%" x2="68.367%" y1="12.058%" y2="68.21%"><stop offset="0%" stop-color="#ff31d9"/><stop offset="100%" stop-color="#ff5be1" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGpqdn3GZR)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/><path fill="url(#SVGVcJbhdIj)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/></svg>
React
import type { SVGProps } from "react";
export function LogosAngularIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><defs><linearGradient id="SVGpqdn3GZR" x1="25.071%" x2="96.132%" y1="90.929%" y2="55.184%"><stop offset="0%" stopColor="#e40035"/><stop offset="24%" stopColor="#f60a48"/><stop offset="35.2%" stopColor="#f20755"/><stop offset="49.4%" stopColor="#dc087d"/><stop offset="74.5%" stopColor="#9717e7"/><stop offset="100%" stopColor="#6c00f5"/></linearGradient><linearGradient id="SVGVcJbhdIj" x1="21.863%" x2="68.367%" y1="12.058%" y2="68.21%"><stop offset="0%" stopColor="#ff31d9"/><stop offset="100%" stopColor="#ff5be1" stopOpacity="0"/></linearGradient></defs><path fill="url(#SVGpqdn3GZR)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/><path fill="url(#SVGVcJbhdIj)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><defs><linearGradient id="SVGpqdn3GZR" x1="25.071%" x2="96.132%" y1="90.929%" y2="55.184%"><stop offset="0%" stop-color="#e40035"/><stop offset="24%" stop-color="#f60a48"/><stop offset="35.2%" stop-color="#f20755"/><stop offset="49.4%" stop-color="#dc087d"/><stop offset="74.5%" stop-color="#9717e7"/><stop offset="100%" stop-color="#6c00f5"/></linearGradient><linearGradient id="SVGVcJbhdIj" x1="21.863%" x2="68.367%" y1="12.058%" y2="68.21%"><stop offset="0%" stop-color="#ff31d9"/><stop offset="100%" stop-color="#ff5be1" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGpqdn3GZR)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/><path fill="url(#SVGVcJbhdIj)" d="m256 45.179l-9.244 145.158L158.373 0zm-61.217 187.697l-66.782 38.105l-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337L0 45.179L97.627 0z"/></svg> </template>
CSS
.icon-angular-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%20271%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpqdn3GZR%22%20x1%3D%2225.071%25%22%20x2%3D%2296.132%25%22%20y1%3D%2290.929%25%22%20y2%3D%2255.184%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e40035%22%2F%3E%3Cstop%20offset%3D%2224%25%22%20stop-color%3D%22%23f60a48%22%2F%3E%3Cstop%20offset%3D%2235.2%25%22%20stop-color%3D%22%23f20755%22%2F%3E%3Cstop%20offset%3D%2249.4%25%22%20stop-color%3D%22%23dc087d%22%2F%3E%3Cstop%20offset%3D%2274.5%25%22%20stop-color%3D%22%239717e7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236c00f5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVcJbhdIj%22%20x1%3D%2221.863%25%22%20x2%3D%2268.367%25%22%20y1%3D%2212.058%25%22%20y2%3D%2268.21%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff31d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff5be1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGpqdn3GZR)%22%20d%3D%22m256%2045.179l-9.244%20145.158L158.373%200zm-61.217%20187.697l-66.782%2038.105l-66.784-38.105L74.8%20199.958h106.4zM128.001%2072.249l34.994%2085.076h-69.99zM9.149%20190.337L0%2045.179L97.627%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVcJbhdIj)%22%20d%3D%22m256%2045.179l-9.244%20145.158L158.373%200zm-61.217%20187.697l-66.782%2038.105l-66.784-38.105L74.8%20199.958h106.4zM128.001%2072.249l34.994%2085.076h-69.99zM9.149%20190.337L0%2045.179L97.627%200z%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%20271%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpqdn3GZR%22%20x1%3D%2225.071%25%22%20x2%3D%2296.132%25%22%20y1%3D%2290.929%25%22%20y2%3D%2255.184%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e40035%22%2F%3E%3Cstop%20offset%3D%2224%25%22%20stop-color%3D%22%23f60a48%22%2F%3E%3Cstop%20offset%3D%2235.2%25%22%20stop-color%3D%22%23f20755%22%2F%3E%3Cstop%20offset%3D%2249.4%25%22%20stop-color%3D%22%23dc087d%22%2F%3E%3Cstop%20offset%3D%2274.5%25%22%20stop-color%3D%22%239717e7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236c00f5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVcJbhdIj%22%20x1%3D%2221.863%25%22%20x2%3D%2268.367%25%22%20y1%3D%2212.058%25%22%20y2%3D%2268.21%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff31d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff5be1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGpqdn3GZR)%22%20d%3D%22m256%2045.179l-9.244%20145.158L158.373%200zm-61.217%20187.697l-66.782%2038.105l-66.784-38.105L74.8%20199.958h106.4zM128.001%2072.249l34.994%2085.076h-69.99zM9.149%20190.337L0%2045.179L97.627%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVcJbhdIj)%22%20d%3D%22m256%2045.179l-9.244%20145.158L158.373%200zm-61.217%20187.697l-66.782%2038.105l-66.784-38.105L74.8%20199.958h106.4zM128.001%2072.249l34.994%2085.076h-69.99zM9.149%20190.337L0%2045.179L97.627%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/angular-icon.svg?color=%231a73e8&size=48
